Fix Vue.js generator (#38)

* Fix Vue.js generator

* Update SubmissionError.js

Author: alOneh

src/generators/VueCrudGenerator.js

@@ -34,6 +34,9 @@ export default class VueCrudGenerator {
     // entrypoint
     this.registerTemplate(templatePath, 'config/_entrypoint.js');
 
+    // error
+    this.registerTemplate(templatePath, 'error/SubmissionError.js');
+
     // utils
     this.registerTemplate(templatePath, 'utils/fetch.js');
   }
@@ -55,18 +58,18 @@ import ${titleLc}Routes from './routes/${titleLc}';
 const router = new VueRouter({
   // ...
   routes: [
-      ...{ ${titleLc}Routes },
+      ...${titleLc}Routes,
   ]
 });
 
 // Add the modules in the store
 import { ${titleLc} from './store/modules/{ ${titleLc}/';
 
 export const store = new Vuex.Store({
-    // ...
-    modules: {
-        { ${titleLc}
-    }
+  // ...
+  modules: {
+    ${titleLc}
+  }
 });
 `));
   }
@@ -90,6 +93,7 @@ export const store = new Vuex.Store({
     // Create directories
     // These directories may already exist
     mkdirp.sync(`${dir}/config`);
+    mkdirp.sync(`${dir}/error`);
     mkdirp.sync(`${dir}/routes`);
     mkdirp.sync(`${dir}/utils`);
 
@@ -115,6 +119,9 @@ export const store = new Vuex.Store({
     // config
     this.createFile('config/_entrypoint.js', `${dir}/config/_entrypoint.js`, context);
 
+    // error
+    this.createFile('error/SubmissionError.js', `${dir}/error/SubmissionError.js`, context);
+
     // routes
     this.createFile('routes/foo.js', `${dir}/routes/${lc}.js`, context);
   }

src/generators/VueCrudGenerator.test.js

@@ -37,6 +37,8 @@ test('Generate a Vue app', () => {
 
   expect(fs.existsSync(tmpobj.name+'/config/_entrypoint.js'), true);
 
+  expect(fs.existsSync(tmpobj.name+'/error/SubmissionError.js'), true);
+
   expect(fs.existsSync(tmpobj.name+'/store/modules/abc/create.js'), true);
   expect(fs.existsSync(tmpobj.name+'/store/modules/abc/delete.js'), true);
   expect(fs.existsSync(tmpobj.name+'/store/modules/abc/index.js'), true);

templates/vue/components/foo/List.vue

@@ -75,18 +75,18 @@
 </template>
 
 <script>
-  import { createNamespacedHelpers } from 'vuex';
-
-  const { mapActions, mapGetters } = createNamespacedHelpers('{{{lc}}}/list');
+  import { mapActions, mapGetters } from 'vuex';
 
   export default {
-    computed: mapGetters([
-      'items',
-      'loading',
-      'view'
-    ]),
+    computed: mapGetters({
+      deletedItem: '{{{lc}}}/del/deleted',
+      error: '{{{lc}}}/list/error',
+      items: '{{{lc}}}/list/items',
+      loading: '{{{lc}}}/list/loading',
+      view: '{{{lc}}}/list/view'
+    }),
     methods: mapActions({
-      getPage: 'getItems'
+      getPage: '{{{lc}}}/list/getItems'
     }),
     created () {
       this.$store.dispatch('{{{lc}}}/list/getItems')

templates/vue/error/SubmissionError.js

@@ -0,0 +1,9 @@
+export default class SubmissionError extends Error {
+  constructor(errors) {
+    super('Submit Validation Failed');
+    this.errors = errors;
+    Error.captureStackTrace(this, this.constructor);
+    this.name = this.constructor.name;
+    return this;
+  }
+}

templates/vue/store/modules/foo/list.js

@@ -31,6 +31,7 @@ function view(items) {
 }
 
 const getters = {
+  error: state => state.error,
   items: state => state.items,
   loading: state => state.loading,
   view: state => state.view