https://github.com/akryum/meteor-vuex-example
Simple meteor app with vuex
https://github.com/akryum/meteor-vuex-example
Last synced: over 1 year ago
JSON representation
Simple meteor app with vuex
- Host: GitHub
- URL: https://github.com/akryum/meteor-vuex-example
- Owner: Akryum
- Created: 2016-06-30T19:38:29.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2016-07-06T08:26:54.000Z (about 10 years ago)
- Last Synced: 2025-02-28T18:56:54.964Z (over 1 year ago)
- Language: JavaScript
- Size: 22.5 KB
- Stars: 10
- Watchers: 5
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Simple meteor app with vuex
A simple meteor project featuring [vue](https://vuejs.org/) as ui layer ([more info](https://github.com/Akryum/meteor-vue-component)), with [state management](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vuex).
## Steps to reproduce
In the console, create the project and add the relevant packages:
meteor create meteor-vuex-example
cd ./meteor-vuex-example
meteor remove blaze-html-templates autopublish insecure
meteor add static-html check akryum:vue akryum:vue-component akryum:vuex akryum:vue-less
meteor
All the required npm dependencies will be automatically added to your project's `package.json` and installed with `meteor npm install`.
Replace the `client/main.html` file with:
```html
meteor-vuex-example
```
Replace the `client/main.js` file with:
```javascript
// Libs
import {Meteor} from 'meteor/meteor';
import {Vue} from 'meteor/akryum:vue';
// Main app
import App from '/imports/ui/App.vue';
Meteor.startup(() => {
new Vue({
el: 'body',
replace: false,
components: {
App
}
});
});
```
Create store modules and add components with `vuex` options ([more info](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vuex#usage)).