adds vuex to the boilerplate app and a simple app.store.js to get the…

… user going
ericmdantas · Jul 16, 2018 · 6c17ba3 · 6c17ba3
1 parent 14d242b
commit 6c17ba3
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 11 deletions.
diff --git a/_ng/client/vue.js b/_ng/client/vue.js
@@ -145,6 +145,7 @@ class Vue2 {
         ['client/vue2/dev/app.vue', 'client/dev/app.vue'],
         ['client/vue2/dev/app.config.js', 'client/dev/app.config.js'],
         ['client/vue2/dev/app.route.js', 'client/dev/app.route.js'],
+        ['client/vue2/dev/app.store.js', 'client/dev/app.store.js'],
         ['client/vue2/dev/app.constant.js', 'client/dev/app.constant.js'],
         ['client/vue2/dev/index.html', 'client/dev/index.html']
       );

diff --git a/app/templates/client/vue2/dev/app.constant.js b/app/templates/client/vue2/dev/app.constant.js
@@ -1 +1 @@
-export const BASE_API = '/api/'
+export const BASE_API = '/api/'
diff --git a/app/templates/client/vue2/dev/app.route.js b/app/templates/client/vue2/dev/app.route.js
@@ -1,7 +1,10 @@
+import Vue from 'vue'
 import VueRouter from 'vue-router'
 import TodoCmp from './todo/components/todo-cmp'
 
-export const router = new VueRouter({
+Vue.use(VueRouter)
+
+export default new VueRouter({
     mode: 'history',
 	routes: [
 		{path: '/', component: TodoCmp},

diff --git a/app/templates/client/vue2/dev/app.store.js b/app/templates/client/vue2/dev/app.store.js
@@ -0,0 +1,19 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+    state: {
+
+    },
+    mutations: {
+
+    },
+    getters: {
+
+    },
+    actions: {
+
+    }
+})
diff --git a/app/templates/client/vue2/dev/index.js b/app/templates/client/vue2/dev/index.js
@@ -1,14 +1,10 @@
 import Vue from 'vue'
-import Vuex from 'vuex'
-import VueRouter from 'vue-router'
-import {router} from './app.route'
+import router from './app.route'
+import store from './app.store'
 import AppCmp from './app'
 
-Vue.use(Vuex)
-Vue.use(VueRouter)
-
 new Vue({
-    el: '#app',
-    router: router,
+    store,
+    router,
     render: h => h(AppCmp),
-})
+}).$mount('#app')
diff --git a/test/acceptance/test-app-client.js b/test/acceptance/test-app-client.js
@@ -545,6 +545,7 @@ describe('ng-fullstack -> client_only', () => {
         'client/dev/app.vue',
         'client/dev/app.config.js',
         'client/dev/app.route.js',
+        'client/dev/app.store.js',
         'client/dev/app.constant.js',
 
         'client/dev/todo/components/todo-cmp.vue',
@@ -622,6 +623,7 @@ describe('ng-fullstack -> client_only', () => {
         'client/dev/app.vue',
         'client/dev/app.config.js',
         'client/dev/app.route.js',
+        'client/dev/app.store.js',
         'client/dev/app.constant.js',
 
         'client/dev/todo/components/todo-cmp.vue',
@@ -699,6 +701,7 @@ describe('ng-fullstack -> client_only', () => {
         'client/dev/app.vue',
         'client/dev/app.config.js',
         'client/dev/app.route.js',
+        'client/dev/app.store.js',
         'client/dev/app.constant.js',
 
         'tests/e2e/todo.e2e_test.js'];