diff --git a/_ng/client/vue.js b/_ng/client/vue.js index 29005ba4..0716ea86 100644 --- 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 index c68b1071..99916441 100644 --- 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/' \ No newline at end of file diff --git a/app/templates/client/vue2/dev/app.route.js b/app/templates/client/vue2/dev/app.route.js index 7a7dbd66..3adc9d2e 100644 --- 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 new file mode 100644 index 00000000..0666e16e --- /dev/null +++ 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: { + + } +}) \ No newline at end of file diff --git a/app/templates/client/vue2/dev/index.js b/app/templates/client/vue2/dev/index.js index b29745ac..64a57dc4 100644 --- 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 index f6b61f86..88d1514f 100644 --- 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'];