https://github.com/Shopify/slate
If you are still interested in using Vue with Shopify, checkout my Nuxt.js sample that wires up all the hard bits for you. https://github.com/robmellett/shopify-nuxt-demo
Thanks to @dan-gamble for helping with the slate configurations
Thanks to @liron-navon for the initial Vue.js Config
This project is based off shopify/skeleton-theme, checkout Slate for more information.
get started
$ yarn create slate-theme my-new-theme robmellett/shopify-tailwind-vue
-
rename
.env-sample
to.env
and setup your development store config. -
build a local SSL certificate with
npm run mkcert
-
run:
npm start
-
slate will open your localhost, just ignore that, and go to your development store.
-
In the development store you should have your theme loaded
-
Changes will hot reload in the dev store.
- Do notice that this is not meant to be an SPA, for that you can use storefront, vue here is purely to replace JQuery for logic operations and animations.
You can mount components in vue/app.js
Vue.component('example-component', require('./components/ExampleComponent.vue').default);
You can render the vue template in the following manner
<example-component
shopName="{{ shop.name }}"></example-component>