Shopify App Vue Template

Overview

This is a Shopify app template that utilizes Vue.js as the frontend framework. It is built upon the Shopify App Node template and includes various features and functionalities for building Shopify apps.

Features

• Vue.js: Utilizes Vue.js 3.3 as the frontend framework.
• Vue Router: Implements Vue Router 4 for single-page app routing.
• Pinia: Utilizes Pinia for state management.
• EsLint: Includes EsLint for linting purposes.
• Shopify AppBridge Plugin: Integrates the Shopify AppBridge plugin for Vue, allowing the use of Shopify App Bridge actions and components.
• vueAuthenticatedFetch: Includes vueAuthenticatedFetch for making authenticated requests to the Shopify API and your backend.
• App embedding: Provides functionality for embedding the app.
• Storage: Utilizes SQLite as the default database for session storage. Provides a list of SessionStorage adapter packages for easy configuration.

Installation

To install the Shopify app template, follow these steps:

1. Clone this repository.
2. Run npm install in the root directory.
3. Run npm run dev -- --reset to configure your app (initial setup only!).
4. Run npm run dev to start the app (subsequent runs).

Summary

The Shopify app template using Vue.js is a powerful tool for building Shopify apps with a robust frontend. With features such as Vue.js, Vue Router, Pinia, and Shopify AppBridge plugin, developers can create highly functional and seamless apps for the Shopify platform. The template also includes options for storage configuration and provides useful links for further assistance and app submission. Overall, this template provides a solid foundation for developers looking to build Shopify apps using Vue.js.