新增 使用者名稱 權限頁面

resources/js/src/layouts/components/Navbar.vue

@@ -19,10 +19,10 @@
       <b-nav-item-dropdown right toggle-class="d-flex align-items-center dropdown-user-link" class="dropdown-user">
         <template #button-content>
           <div class="d-sm-flex d-none user-nav">
-            <p class="user-name font-weight-bolder mb-0">
-              John Doe
+            <p class="user-name font-weight-bolder mb-0" >
+              {{ getName() }}
             </p>
-            <span class="user-status">Admin</span>
+            <span class="user-status">{{ getEmail() }}</span>
           </div>
           <b-avatar size="40" variant="light-primary" badge :src="require('@/assets/images/avatars/13-small.png')"
             class="badge-minimal" badge-variant="success" />
@@ -85,6 +85,12 @@ export default {
     },
   },
   methods: {
+    getName() {
+      return JSON.parse(localStorage.getItem('userData')).name
+    },
+    getEmail() {
+      return JSON.parse(localStorage.getItem('userData')).email
+    },
     logout() {
       useJwt.logout()
         // eslint-disable-next-line no-unused-vars

resources/js/src/navigation/vertical/index.js

@@ -9,4 +9,9 @@ export default [
     route: 'second-page',
     icon: 'FileIcon',
   },
+  {
+    title: '權限',
+    route: 'permission',
+    icon: 'ShieldIcon',
+  },
 ]

resources/js/src/router/index.js

@@ -38,6 +38,20 @@ const router = new VueRouter({
         ],
       },
     },
+    {
+      path: '/permission',
+      name: 'permission',
+      component: () => import('@/views/Permission.vue'),
+      meta: {
+        pageTitle: '權限',
+        breadcrumb: [
+          {
+            text: '權限',
+            active: true,
+          },
+        ],
+      },
+    },
     {
       path: '/login',
       name: 'login',

resources/js/src/views/Permission.vue

@@ -0,0 +1,23 @@
+<template>
+  <b-card title="Create Awesome 🙌">
+    <b-card-text>aaaaa.</b-card-text>
+    <b-card-text>Chocolate sesame snaps pie carrot cake pastry pie lollipop muffin. Carrot cake dragée chupa chups
+      jujubes. Macaroon liquorice cookie wafer tart marzipan bonbon. Gingerbread jelly-o dragée
+      chocolate.</b-card-text>
+  </b-card>
+</template>
+
+<script>
+import { BCard, BCardText } from 'bootstrap-vue'
+
+export default {
+  components: {
+    BCard,
+    BCardText,
+  },
+}
+</script>
+
+<style>
+
+</style>