feat: render logic for dynamic routes

src/router/index.js

@@ -27,6 +27,8 @@ router.beforeEach((to, from, next) => {
             throw new TypeError(role, ` should be a array`)
           }
           store.dispatch('login/createExtraRoutes', { role })
+            .then(() => router.addRoutes(store.getters['login/addRoutes']))
+            .catch(console.error)
         })
     }
   }

src/router/routes/dynamic.js

@@ -4,14 +4,14 @@ import { dynamic } from '../components'
 export default [
   {
     path: '/access/admin',
-    component: dynamic.permission,
+    component: dynamic.access,
     meta: {
       role: ['admin']
     }
   },
   {
     path: '/access/user',
-    component: dynamic.permission,
+    component: dynamic.access,
     meta: {
       role: ['user']
     }

src/store/modules/#/getters.js

@@ -8,5 +8,8 @@ export default {
   },
   routes (state) {
     return state.routes
+  },
+  addRoutes (state) {
+    return state.addRoutes
   }
 }