Adding SideBar dashboard Admin

src/router/index.js

@@ -26,6 +26,10 @@ import ElTypography from "../layouts/sections/elements/typography/TypographyView
 
  import AdminLoginView from "../views/Auth/AdminLogin.vue";
  import UserLoginView from "../views/Auth/UserLogin.vue";
+ import AdminDashboardView from "../views/Admin/dashboard.vue";
+ import AdminSettingsView from "../views/Admin/Settings.vue"
+ import AdminUsersView from "../views/Admin/Users.vue"
+
 // import AdminView from "../views/LandingPages/Author/AuthorView.vue";
 import { Role } from './constants';
 import { useStore } from '@/stores'
@@ -162,6 +166,11 @@ const router = createRouter({
           component: AdminLoginView,
           name: "admin-login",
         },
+        {
+          path: '/admin/dashboard',
+          component: AdminDashboardView,
+          name: "admin-dashboard",
+        },
         // {
         //   path: "/unauthorized",
         //   name: "unauthorized",
@@ -172,6 +181,16 @@ const router = createRouter({
           name: "user-login",
           component: UserLoginView,
         },
+        {
+          path: '/admin/users',
+          component: AdminUsersView,
+          name: "admin-users",
+        },  
+        {
+          path: '/admin/settings',
+          component: AdminSettingsView,
+          name: "admin-settings",
+        },
        
       ],
     });

src/views/Admin/Settings.vue

@@ -0,0 +1,3 @@
+<template>
+    Settings Page
+</template>

src/views/Admin/SideNavAdmin.vue

@@ -0,0 +1,19 @@
+<template>
+  <aside class="sidebar">
+    <ul>
+      <li><a href="#" @click.prevent="goToPage('el-badges')">Dashboard</a></li>
+      <li><a href="#" @click.prevent="goToPage('admin-users')">Users</a></li>
+      <li><a href="#" @click.prevent="goToPage('admin-settings')">Settings</a></li>
+    </ul>
+  </aside>
+</template>
+
+<script>
+export default {
+  methods: {
+    goToPage(page) {
+      this.$router.push({ name: page });
+    }
+  }
+}
+</script>

src/views/Admin/Users.vue

@@ -0,0 +1,3 @@
+<template>
+    Users Page
+</template>

src/views/Admin/dashboard.vue

@@ -0,0 +1,16 @@
+<template>
+    <div class="layout">
+      <Sidebar />
+      <div class="content">
+        <router-view />
+      </div>
+    </div>
+  </template>
+  
+  <script>
+  import Sidebar from './SideNavAdmin.vue';
+  
+  export default {
+    components: { Sidebar }
+  }
+  </script>