New starter templates for Vue and React

[liron-navon]

help required!

I need help to get the template in the wiki, unfortunately this has to be made by one of the official maintainers, I can't create a pull request =(.

contribution

I created two new starter templates which extend the shopify/skeleton-theme, One for React and one for Vue.
None of them are SPA directed, and should work properly for creating components in the existing .liquid templates.

liron-navon/slate-vue-starter
liron-navon/slate-react-starter

[t-kelly]

@liron-navon we're in the process of replacing the docs so the community can make PRs on it. Could you branch off of add-docasaurus make the edits there and open a PR?

[t-kelly]

Will give these starter themes a review!

[liron-navon]

@t-kelly

I added the changes here #914.

[t-kelly]

Related #871

[robmellett]

@liron-navon

Hey mate, I had a couple of issues getting the Vue dev tools to work using your theme. I've modified it slightly so that we load the Vue ESM, and that it supports loading elements in the following manner as opposed to the vueMount helper.

Register new Vue Components in vue/app.js

Vue.component('example-component', require('./components/ExampleComponent.vue').default);

Throughout the liquid files, you should be able to render the vue templates with:

<example-component
    shopName="{{ shop.name }}"></example-component>

See the following changes in this repo.
https://github.com/robmellett/slate-vue-starter

Thanks for doing all the leg work @liron-navon :)