feat(wip): preliminary support for vue-router 4 & vuex 4

haoqunjiang · haoqunjiang · commit b92194b86223 · 2020-03-20T16:56:00.000+08:00
diff --git a/generator/index.js b/generator/index.js
@@ -13,5 +13,49 @@ module.exports = (api) => {
     prune: true
   })
 
+  if (api.hasPlugin('vuex') || api.generator.pkg.dependencies['vuex']) {
+    api.extendPackage({
+      dependencies: {
+        vuex: '^4.0.0-alpha.1'
+      }
+    })
+
+    api.exitLog('Installed vuex 4.0.')
+    api.exitLog('Codemod not yet implemented, please follow the documentation at https://github.com/vuejs/vuex/tree/4.0')
+
+    // Codemod TODOs:
+    // * Remove `Vue.use(Vuex)`
+    // * `new Vue({ store })` -> `app.use(store)`
+    // * optional: `new Vuex.Store({})` -> `createStore({})`
+  }
+
+  if (api.hasPlugin('router') || api.generator.pkg.dependencies['router']) {
+    api.extendPackage({
+      dependencies: {
+        'vue-router': '^4.0.0-alpha.3'
+      }
+    })
+
+    api.exitLog('Installed vue-router 4.0.')
+    api.exitLog('Codemod not yet implemented, please follow the documentation at https://github.com/vuejs/vue-router-next')
+    
+    // Codemod TODOs:
+    // * Remove `Vue.use(VueRouter)`
+    // * `new VueRouter({})` -> `createRouter({})`
+    // * `mode`:
+    //   * `mode: 'history'` -> `history: createWebHistory()`
+    //   * `mode: 'hash'` -> `history: createWebHashHistory()`
+    //   * `mode: 'abstract'` -> `history: createMemoryHistory()`
+    // * `new Vue({ router })` -> `app.use(router)`
+    // * Async component syntax migration as described in RFC0007
+    // * Create the corresponding imports
+    // * Remove unused imports (use ESLint for this task)
+
+    // Others:
+    // * Catch all routes (`/*`) must now be defined using a parameter with a custom regex: `/:catchAll(.*)`
+    // * `keep-alive` is not yet supported
+    // * Partial support of per-component navigation guards. No `beforeRouteEnter`
+  }
+
   api.transformScript(api.entryFile, require('./codemods/rfc09-global-api'))
 }
