refactor: update package structure

Author: johnleider

packages/@vuetify/presets/generator/index.js

@@ -21,6 +21,7 @@ module.exports = (api, options) => {
       'eslint-plugin-vue': '^6.2.2',
       lodash: '^4.17.15',
       webfontloader: '^1.6.28',
+      'vuex-pathify': '^1.4.1',
     },
   })
 

packages/@vuetify/presets/generator/templates/base/src/App.vue

@@ -5,7 +5,5 @@
 </template>
 
 <script>
-  export default {
-    name: 'App',
-  }
+  export default { name: 'App' }
 </script>

packages/@vuetify/presets/generator/templates/base/src/plugins/vuex-pathify.js

@@ -0,0 +1,9 @@
+// https://davestewart.github.io/vuex-pathify/#/setup/config
+
+import pathify from 'vuex-pathify'
+
+// options
+pathify.options.mapping = 'simple'
+pathify.options.strict = true
+
+export default pathify

packages/@vuetify/presets/generator/templates/base/src/router/index.js

@@ -10,30 +10,28 @@ import Router from 'vue-router'
 
 Vue.use(Router)
 
-export function createRouter () {
-  return new Router({
-    mode: 'history',
-    base: process.env.BASE_URL,
-    scrollBehavior: (to, from, savedPosition) => {
-      if (to.hash) return { selector: to.hash }
-      if (savedPosition) return savedPosition
+export default new Router({
+  mode: 'history',
+  base: process.env.BASE_URL,
+  scrollBehavior: (to, from, savedPosition) => {
+    if (to.hash) return { selector: to.hash }
+    if (savedPosition) return savedPosition
 
-      return { x: 0, y: 0 }
-    },
-    routes: [
-      {
-        path: '/',
-        // Layouts allow you to define different
-        // structures for different view
-        component: () => import('@/layouts/default'),
-        children: [
-          {
-            path: '',
-            name: 'Home',
-            component: () => import('@/views/home'),
-          },
-        ],
-      },
-    ],
-  })
-}
+    return { x: 0, y: 0 }
+  },
+  routes: [
+    {
+      path: '/',
+      // Layouts allow you to define different
+      // structures for different view
+      component: () => import('@/layouts/default'),
+      children: [
+        {
+          path: '',
+          name: 'Home',
+          component: () => import('@/views/Home')
+        }
+      ]
+    }
+  ]
+})

packages/@vuetify/presets/generator/templates/base/src/store/index.js

@@ -0,0 +1,18 @@
+// Vue
+import Vue from 'vue'
+import Vuex from 'vuex'
+
+// Utilities
+import pathify from '@/plugins/vuex-pathify'
+
+// Modules
+import * as modules from './modules'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  modules,
+  plugins: [pathify.plugin]
+})
+
+export const ROOT_DISPATCH = Object.freeze({ root: true })

packages/@vuetify/presets/generator/templates/base/src/store/modules/app.js

@@ -0,0 +1,19 @@
+// Pathify
+import { make } from 'vuex-pathify'
+
+// Data
+const state = {}
+
+const mutations = make.mutations(state)
+
+const actions = make.actions(state)
+
+const getters = {}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions,
+  getters,
+}

packages/@vuetify/presets/generator/templates/base/src/store/modules/index.js

@@ -0,0 +1 @@
+export { default as app } from './app'

packages/@vuetify/presets/generator/templates/base/src/views/home/Index.vue renamed to packages/@vuetify/presets/generator/templates/base/src/views/Home.vue

@@ -125,7 +125,7 @@
         ['Webfont Loader', 'mdi-format-size', 'green accent-4'],
       ],
       links: [
-        ['//github.com/vuetifyjs/vuetify', 'Github', 'mdi-github-circle'],
+        ['//github.com/vuetifyjs/vuetify', 'Github', 'mdi-github'],
         ['//vuetifyjs.com', 'Documentation', 'mdi-file-document'],
         ['//community.vuetifyjs.com', 'Community', 'mdi-account-multiple'],
         ['//github.com/users/johnleider/sponsors', 'Support Vuetify', 'mdi-vuetify'],