feat: support vue-router 4 in generated template

Author: ktsn

.eslintignore

@@ -1,2 +1,3 @@
 /generator/template
+/generator/template-vue3
 node_modules

generator/index.js

@@ -1,7 +1,10 @@
-module.exports = (api) => {
+/* eslint-disable-next-line no-unused-vars */
+module.exports = (api, _options = {}, rootOptions = {}) => {
+  const isVue3 = rootOptions.vueVersion === '3'
+
   api.extendPackage({
     dependencies: {
-      'vue-router-layout': '^0.2.0',
+      'vue-router-layout': isVue3 ? '^0.2.0' : '^0.1.2',
     },
     devDependencies: {
       'vue-auto-routing': '^1.0.0',
@@ -17,6 +20,10 @@ module.exports = (api) => {
 
   api.render('./template')
 
+  if (isVue3) {
+    api.render('./template-vue3')
+  }
+
   if (api.invoking) {
     api.postProcessFiles((files) => {
       Object.keys(files).forEach((name) => {

generator/template-vue3/src/router/index.js

@@ -0,0 +1,20 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import routes from 'vue-auto-routing'
+import { createRouterLayout } from 'vue-router-layout'
+
+const RouterLayout = createRouterLayout(layout => {
+  return import('@/layouts/' + layout + '.vue')
+})
+
+const router = createRouter({
+  history: createWebHistory(process.env.BASE_URL),
+  routes: [
+    {
+      path: '/',
+      component: RouterLayout,
+      children: routes
+    }
+  ]
+})
+
+export default router

generator/template/src/router/index.js

@@ -10,7 +10,7 @@ const RouterLayout = createRouterLayout(layout => {
 })
 
 export default new Router({
-  mode: "history",
+  mode: 'history',
   base: process.env.BASE_URL,
   routes: [
     {