diff --git a/index.html b/index.html
index 0cadf6aa..b856187c 100644
--- a/index.html
+++ b/index.html
@@ -13,8 +13,8 @@
   <link href="/favicon.ico" rel="icon"/>
   <script src="./assets/vue/vue.global.js"></script>
   <script src="./assets/vue-router/vue-router.global.js"></script>
-  <script src="./assets/admin-shared/halo-admin-shared.iife.js"></script>
   <script src="./assets/components/halo-components.iife.js"></script>
+  <script src="./assets/admin-shared/halo-admin-shared.iife.js"></script>
   <style>
     body {
       height: 100%;
diff --git a/packages/shared/package.json b/packages/shared/package.json
index dace5743..953526b5 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -22,7 +22,8 @@
       "types": "./dist/index.d.ts",
       "require": "./dist/halo-admin-shared.cjs.js",
       "import": "./dist/halo-admin-shared.es.js"
-    }
+    },
+    "./dist/style.css": "./dist/style.css"
   },
   "repository": {
     "type": "git",
@@ -34,6 +35,10 @@
   },
   "homepage": "https://github.com/halo-dev/halo-admin/tree/next/shared/components#readme",
   "license": "MIT",
+  "dependencies": {
+    "@halo-dev/components": "workspace:*",
+    "axios": "^0.27.2"
+  },
   "devDependencies": {
     "vite-plugin-dts": "^1.2.0"
   },
diff --git a/packages/shared/postcss.config.js b/packages/shared/postcss.config.js
new file mode 100644
index 00000000..12a703d9
--- /dev/null
+++ b/packages/shared/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/packages/shared/src/assets/logo.svg b/packages/shared/src/assets/logo.svg
new file mode 100644
index 00000000..86fbed95
--- /dev/null
+++ b/packages/shared/src/assets/logo.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 2144 877" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M1028.16,339.331c148.249,0 268.609,120.36 268.609,268.609c-0,148.249 -120.36,268.608 -268.609,268.608c-148.249,0 -268.608,-120.359 -268.608,-268.608c-0,-148.249 120.359,-268.609 268.608,-268.609Zm0,119.152c82.488,0 149.457,66.969 149.457,149.457c-0,82.487 -66.969,149.456 -149.457,149.456c-82.487,0 -149.456,-66.969 -149.456,-149.456c-0,-82.488 66.969,-149.457 149.456,-149.457Z" style="fill:url(#_Linear1);"/><path d="M1874.58,339.331c148.249,0 268.608,120.36 268.608,268.609c0,148.249 -120.359,268.608 -268.608,268.608c-148.249,0 -268.609,-120.359 -268.609,-268.608c0,-148.249 120.36,-268.609 268.609,-268.609Zm-0,119.152c82.487,0 149.456,66.969 149.456,149.457c0,82.487 -66.969,149.456 -149.456,149.456c-82.488,0 -149.457,-66.969 -149.457,-149.456c0,-82.488 66.969,-149.457 149.457,-149.457Z" style="fill:url(#_Linear2);"/><path d="M1309.27,377.585c-0,-10.083 -7.222,-18.719 -17.146,-20.504c-19.618,-3.528 -51.9,-9.334 -74.172,-13.34c-6.073,-1.092 -12.318,0.564 -17.052,4.522c-4.734,3.959 -7.469,9.812 -7.469,15.983c-0,91.374 -0,407.153 -0,491.469c-0,5.525 2.195,10.824 6.102,14.731c3.907,3.907 9.206,6.102 14.731,6.102c20.987,0 53.186,0 74.173,0c5.525,0 10.824,-2.195 14.731,-6.102c3.907,-3.907 6.102,-9.206 6.102,-14.731c-0,-84.425 -0,-400.286 -0,-478.13Z" style="fill:url(#_Linear3);"/><path d="M1542.59,72.033c0,-8.288 -3.292,-16.237 -9.153,-22.097c-5.86,-5.861 -13.809,-9.153 -22.097,-9.153c-23.867,-0 -56.609,-0 -80.477,-0c-8.288,-0 -16.236,3.292 -22.097,9.153c-5.86,5.86 -9.153,13.809 -9.153,22.097c0,131.79 0,641.475 0,773.265c0,8.288 3.293,16.237 9.153,22.097c5.861,5.861 13.809,9.153 22.097,9.153c23.868,0 56.61,0 80.477,0c8.288,0 16.237,-3.292 22.097,-9.153c5.861,-5.86 9.153,-13.809 9.153,-22.097c0,-131.79 0,-641.475 0,-773.265Z" style="fill:url(#_Linear4);fill-rule:nonzero;"/><g><path d="M506.409,822.063c-0,13.815 5.494,27.062 15.271,36.821c9.777,9.76 23.034,15.23 36.848,15.206c18.674,-0.034 39.711,-0.072 58.369,-0.105c28.696,-0.052 51.932,-23.329 51.932,-52.026l0,-769.586c0,-13.798 -5.481,-27.031 -15.238,-36.788c-9.756,-9.757 -22.99,-15.238 -36.788,-15.238l-58.368,-0c-13.798,-0 -27.031,5.481 -36.788,15.238c-9.757,9.757 -15.238,22.99 -15.238,36.788c-0,155.286 -0,614.283 -0,769.69Z" style="fill:url(#_Linear5);fill-rule:nonzero;"/><path d="M616.746,322.662c13.813,0 27.061,5.487 36.829,15.255c9.767,9.768 15.254,23.015 15.254,36.829c0,105.185 0,341.877 0,447.062c0,13.814 -5.487,27.061 -15.254,36.829c-9.768,9.767 -23.016,15.255 -36.829,15.255c-18.632,-0 -39.622,-0 -58.254,-0c-13.813,-0 -27.061,-5.488 -36.828,-15.255c-9.768,-9.768 -15.255,-23.015 -15.255,-36.829c-0,-68.223 -0,-187.159 -0,-255.383c-0,-13.813 -5.487,-27.061 -15.255,-36.828c-9.767,-9.768 -23.015,-15.255 -36.828,-15.255c-129.249,-0 -454.326,-0 -454.326,-0l0,-191.68l616.746,0Z" style="fill:#0051b0;fill-rule:nonzero;"/><path d="M-0,822.101c0,13.817 5.497,27.067 15.277,36.827c9.781,9.76 23.043,15.229 36.86,15.199c18.675,-0.04 39.713,-0.085 58.368,-0.124c28.69,-0.062 51.916,-23.337 51.916,-52.027c-0,-155.205 -0,-614.509 -0,-769.714c-0,-28.69 -23.226,-51.965 -51.916,-52.026c-18.655,-0.04 -39.693,-0.085 -58.368,-0.125c-13.817,-0.029 -27.079,5.439 -36.86,15.199c-9.78,9.76 -15.277,23.01 -15.277,36.827l-0,769.964Z" style="fill:url(#_Linear6);fill-rule:nonzero;"/></g><defs><linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(5.19814e-14,-848.921,848.921,5.19814e-14,1308.8,875.397)"><stop offset="0" style="stop-color:#0050b5;stop-opacity:1"/><stop offset="1" style="stop-color:#0b87fd;stop-opacity:1"/></linearGradient><linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(5.19814e-14,-848.921,848.921,5.19814e-14,1308.8,875.397)"><stop offset="0" style="stop-color:#0050b5;stop-opacity:1"/><stop offset="1" style="stop-color:#0b87fd;stop-opacity:1"/></linearGradient><linearGradient id="_Linear3" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(5.19814e-14,-848.921,848.921,5.19814e-14,1308.8,875.397)"><stop offset="0" style="stop-color:#0050b5;stop-opacity:1"/><stop offset="1" style="stop-color:#0b87fd;stop-opacity:1"/></linearGradient><linearGradient id="_Linear4" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(5.19814e-14,-848.921,848.921,5.19814e-14,1308.8,875.397)"><stop offset="0" style="stop-color:#0050b5;stop-opacity:1"/><stop offset="1" style="stop-color:#0b87fd;stop-opacity:1"/></linearGradient><linearGradient id="_Linear5" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-3.91885e-13,472.459,-473.895,-3.90698e-13,587.619,-0.861651)"><stop offset="0" style="stop-color:#0048af;stop-opacity:1"/><stop offset="1" style="stop-color:#003580;stop-opacity:1"/></linearGradient><linearGradient id="_Linear6" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(5.51848e-14,898.506,-901.236,5.50176e-14,162.421,-12.1337)"><stop offset="0" style="stop-color:#0b89ff;stop-opacity:1"/><stop offset="1" style="stop-color:#004eb2;stop-opacity:1"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/shared/src/index.ts b/packages/shared/src/index.ts
index 77341bcf..c55f1592 100644
--- a/packages/shared/src/index.ts
+++ b/packages/shared/src/index.ts
@@ -1,5 +1,8 @@
+import "./styles/tailwind.css";
+
 export * from "./types/plugin";
 export * from "./types/menus";
 export * from "./core/plugins";
 export * from "./states/pages";
 export * from "./types/extension";
+export * from "./layouts";
diff --git a/src/layouts/BasicLayout.vue b/packages/shared/src/layouts/BasicLayout.vue
similarity index 96%
rename from src/layouts/BasicLayout.vue
rename to packages/shared/src/layouts/BasicLayout.vue
index a4948a25..eccb360f 100644
--- a/src/layouts/BasicLayout.vue
+++ b/packages/shared/src/layouts/BasicLayout.vue
@@ -8,11 +8,13 @@ import {
   VRoutesMenu,
   VTag,
 } from "@halo-dev/components";
-import { menus, minimenus } from "@/router/menus.config";
+import type { MenuGroupType, MenuItemType } from "@/types/menus";
 import logo from "@/assets/logo.svg";
 import { RouterView, useRoute, useRouter } from "vue-router";
-import { ref } from "vue";
+import { inject, ref } from "vue";
 
+const menus = inject<MenuGroupType>("menus");
+const minimenus = inject<MenuItemType>("minimenus");
 const route = useRoute();
 const router = useRouter();
 
diff --git a/src/layouts/BlankLayout.vue b/packages/shared/src/layouts/BlankLayout.vue
similarity index 100%
rename from src/layouts/BlankLayout.vue
rename to packages/shared/src/layouts/BlankLayout.vue
diff --git a/src/layouts/SystemSettingsLayout.vue b/packages/shared/src/layouts/SystemSettingsLayout.vue
similarity index 100%
rename from src/layouts/SystemSettingsLayout.vue
rename to packages/shared/src/layouts/SystemSettingsLayout.vue
diff --git a/src/layouts/UserProfileLayout.vue b/packages/shared/src/layouts/UserProfileLayout.vue
similarity index 94%
rename from src/layouts/UserProfileLayout.vue
rename to packages/shared/src/layouts/UserProfileLayout.vue
index d8642faa..1769fcd3 100644
--- a/src/layouts/UserProfileLayout.vue
+++ b/packages/shared/src/layouts/UserProfileLayout.vue
@@ -75,11 +75,11 @@ const handleTabChange = (id: string) => {
           <div class="flex">
             <Starport
               :duration="400"
-              :port="`user-profile-${user.metadata?.name}`"
+              :port="`user-profile-${user?.metadata?.name}`"
               class="h-24 w-24 sm:h-32 sm:w-32"
             >
               <img
-                :src="user.spec?.avatar"
+                :src="user?.spec?.avatar"
                 alt="Avatar"
                 class="h-full w-full rounded-full ring-4 ring-white drop-shadow-lg"
               />
@@ -90,7 +90,7 @@ const handleTabChange = (id: string) => {
           >
             <div class="mt-6 block min-w-0 flex-1">
               <h1 class="truncate text-xl font-bold text-gray-900">
-                <span class="mr-1">{{ user.spec?.displayName }}</span>
+                <span class="mr-1">{{ user?.spec?.displayName }}</span>
               </h1>
             </div>
             <div
diff --git a/src/layouts/__tests__/BasicLayout.spec.ts b/packages/shared/src/layouts/__tests__/BasicLayout.spec.ts
similarity index 100%
rename from src/layouts/__tests__/BasicLayout.spec.ts
rename to packages/shared/src/layouts/__tests__/BasicLayout.spec.ts
diff --git a/src/layouts/index.ts b/packages/shared/src/layouts/index.ts
similarity index 100%
rename from src/layouts/index.ts
rename to packages/shared/src/layouts/index.ts
diff --git a/packages/shared/src/styles/tailwind.css b/packages/shared/src/styles/tailwind.css
new file mode 100644
index 00000000..65dd5f63
--- /dev/null
+++ b/packages/shared/src/styles/tailwind.css
@@ -0,0 +1 @@
+@tailwind utilities;
diff --git a/packages/shared/src/types/extension.ts b/packages/shared/src/types/extension.ts
index a001678d..a0f61441 100644
--- a/packages/shared/src/types/extension.ts
+++ b/packages/shared/src/types/extension.ts
@@ -17,3 +17,37 @@ export interface Extension<T> {
   kind: string;
   metadata: Metadata;
 }
+
+export interface LoginHistory {
+  loginAt: string;
+  sourceIp: string;
+  userAgent: string;
+  successful: boolean;
+  reason?: string;
+}
+
+export interface User {
+  spec: UserSpec;
+  status?: UserStatus;
+  apiVersion: string;
+  kind: string;
+  metadata: Metadata;
+}
+
+export interface UserSpec {
+  displayName: string;
+  avatar?: string;
+  email: string;
+  phone?: string;
+  password?: string;
+  bio?: string;
+  registeredAt?: string;
+  twoFactorAuthEnabled?: boolean;
+  disabled?: boolean;
+  loginHistoryLimit?: number;
+}
+
+export interface UserStatus {
+  lastLoginAt?: string;
+  loginHistories?: LoginHistory[];
+}
diff --git a/packages/shared/src/utils/api-client.ts b/packages/shared/src/utils/api-client.ts
new file mode 100644
index 00000000..03a96f16
--- /dev/null
+++ b/packages/shared/src/utils/api-client.ts
@@ -0,0 +1,12 @@
+import axios from "axios";
+
+const token =
+"eyJhbGciOiJSUzUxMiJ9.eyJpc3MiOiJIYWxvIE93bmVyIiwic3ViIjoiYWRtaW4iLCJleHAiOjE2NTYxMzk1MzcsImlhdCI6MTY1NjA1MzEzNywic2NvcGUiOlsiUk9MRV9zdXBlci1yb2xlIl19.QUAe5lD2chY5NG_bXwqPxk2y4gxUifz-_H-dN_ZcggdQ0Nm2m5R168VUt33jJ4gCUW5HQx7hqJY_V60jDQ0nAP3VjrfeDNG7BvoaqLyoThg40f1oD-AUoB648b_TZga0oKtwkCyLYi_qkgmvF6UZumMsI9rTVHxef6O5vAbSrFFc2pZ90xNH9PN7ILJDimv_2I1IRpBtASJG1cM0yWYUmHWO-yW2UwUKGxJTf3TN_OvJqHcMRqD7Y5Fe1BVhZfzY8UX6KygG21eKd26hLNIQz6xx-O85HTj8HM5CJUR7jSp3Oo7rtQwIbEDTdGeTqmFM96ufL4nVYdpDuONm0zSxYQ"
+const axiosInstance = axios.create({
+  headers: {
+    Authorization: `Bearer ${token}`,
+  },
+  baseURL: "http://localhost:8090",
+});
+
+export default axiosInstance;
diff --git a/packages/shared/tailwind.config.js b/packages/shared/tailwind.config.js
new file mode 100644
index 00000000..d578cb33
--- /dev/null
+++ b/packages/shared/tailwind.config.js
@@ -0,0 +1,24 @@
+const { themeable } = require("tailwindcss-themeable");
+
+module.exports = {
+  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [
+    require("tailwindcss-safe-area"),
+    require("@tailwindcss/aspect-ratio"),
+    themeable({
+      defaultTheme: "default",
+      themes: [
+        {
+          name: "default",
+          palette: {
+            primary: "#4CCBA0",
+            secondary: "#0E1731",
+          },
+        },
+      ],
+    }),
+  ],
+};
diff --git a/packages/shared/vite.config.ts b/packages/shared/vite.config.ts
index b1922bfa..28c4167c 100644
--- a/packages/shared/vite.config.ts
+++ b/packages/shared/vite.config.ts
@@ -30,11 +30,12 @@ export default defineConfig({
       fileName: (format) => `halo-admin-shared.${format}.js`,
     },
     rollupOptions: {
-      external: ["vue", "vue-router"],
+      external: ["vue", "vue-router", "@halo-dev/components"],
       output: {
         globals: {
           vue: "Vue",
           "vue-router": "VueRouter",
+          "@halo-dev/components": "HaloComponents",
         },
         exports: "named",
       },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b65fd3f1..b9463f82 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -127,7 +127,12 @@ importers:
 
   packages/shared:
     specifiers:
+      '@halo-dev/components': workspace:*
+      axios: ^0.27.2
       vite-plugin-dts: ^1.2.0
+    dependencies:
+      '@halo-dev/components': link:../components
+      axios: 0.27.2
     devDependencies:
       vite-plugin-dts: 1.2.0
 
diff --git a/src/main.ts b/src/main.ts
index 37e2d28e..fdc48297 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -2,11 +2,15 @@ import { createApp } from "vue";
 import { createPinia } from "pinia";
 import App from "./App.vue";
 import router from "./router";
-import type { Plugin } from "@halo-dev/admin-shared";
+import type {
+  MenuGroupType,
+  MenuItemType,
+  Plugin,
+} from "@halo-dev/admin-shared";
+import { menus, minimenus, registerMenu } from "./router/menus.config";
 // setup
 import "./setup/setupStyles";
 import { setupComponents } from "./setup/setupComponents";
-import { registerMenu } from "@/router/menus.config";
 
 // core modules
 import { coreModules } from "./modules";
@@ -134,6 +138,9 @@ async function initApp() {
   try {
     loadCoreModules();
     await loadPluginModules();
+
+    app.provide<MenuGroupType[]>("menus", menus);
+    app.provide<MenuItemType[]>("minimenus", minimenus);
   } catch (e) {
     console.error(e);
   } finally {
diff --git a/src/modules/contents/attachments/module.ts b/src/modules/contents/attachments/module.ts
index 0f13f706..cf6e3d30 100644
--- a/src/modules/contents/attachments/module.ts
+++ b/src/modules/contents/attachments/module.ts
@@ -1,5 +1,4 @@
-import { definePlugin } from "@halo-dev/admin-shared";
-import { BasicLayout } from "@/layouts";
+import { BasicLayout, definePlugin } from "@halo-dev/admin-shared";
 import AttachmentList from "./AttachmentList.vue";
 import { IconFolder } from "@halo-dev/components";
 
diff --git a/src/modules/contents/comments/module.ts b/src/modules/contents/comments/module.ts
index cfd85cec..c8fa93d0 100644
--- a/src/modules/contents/comments/module.ts
+++ b/src/modules/contents/comments/module.ts
@@ -1,5 +1,4 @@
-import { definePlugin } from "@halo-dev/admin-shared";
-import { BasicLayout } from "@/layouts";
+import { BasicLayout, definePlugin } from "@halo-dev/admin-shared";
 import { IconMessage } from "@halo-dev/components";
 import CommentList from "./CommentList.vue";
 
diff --git a/src/modules/contents/pages/module.ts b/src/modules/contents/pages/module.ts
index baff69ef..fdb6eedb 100644
--- a/src/modules/contents/pages/module.ts
+++ b/src/modules/contents/pages/module.ts
@@ -1,5 +1,4 @@
-import { definePlugin } from "@halo-dev/admin-shared";
-import { BasicLayout } from "@/layouts";
+import { BasicLayout, definePlugin } from "@halo-dev/admin-shared";
 import SheetList from "./PageList.vue";
 import { IconPages } from "@halo-dev/components";
 
diff --git a/src/modules/contents/posts/module.ts b/src/modules/contents/posts/module.ts
index 972af8fb..c99b2509 100644
--- a/src/modules/contents/posts/module.ts
+++ b/src/modules/contents/posts/module.ts
@@ -1,5 +1,4 @@
-import { definePlugin } from "@halo-dev/admin-shared";
-import { BasicLayout, BlankLayout } from "@/layouts";
+import { BasicLayout, BlankLayout, definePlugin } from "@halo-dev/admin-shared";
 import { IconBookRead } from "@halo-dev/components";
 import PostList from "./PostList.vue";
 import PostEditor from "./PostEditor.vue";
diff --git a/src/modules/dashboard/module.ts b/src/modules/dashboard/module.ts
index 844abfd5..ea93b28d 100644
--- a/src/modules/dashboard/module.ts
+++ b/src/modules/dashboard/module.ts
@@ -1,5 +1,4 @@
-import { definePlugin } from "@halo-dev/admin-shared";
-import { BasicLayout } from "@/layouts";
+import { BasicLayout, definePlugin } from "@halo-dev/admin-shared";
 import Dashboard from "./Dashboard.vue";
 import { IconDashboard } from "@halo-dev/components";
 
diff --git a/src/modules/interface/menus/module.ts b/src/modules/interface/menus/module.ts
index 516ebe4c..114d6337 100644
--- a/src/modules/interface/menus/module.ts
+++ b/src/modules/interface/menus/module.ts
@@ -1,5 +1,4 @@
-import { definePlugin } from "@halo-dev/admin-shared";
-import { BasicLayout } from "@/layouts";
+import { BasicLayout, definePlugin } from "@halo-dev/admin-shared";
 import MenuList from "./MenuList.vue";
 import { IconListSettings } from "@halo-dev/components";
 
diff --git a/src/modules/interface/themes/module.ts b/src/modules/interface/themes/module.ts
index b56bfd98..10f0916c 100644
--- a/src/modules/interface/themes/module.ts
+++ b/src/modules/interface/themes/module.ts
@@ -1,5 +1,4 @@
-import { definePlugin } from "@halo-dev/admin-shared";
-import { BasicLayout, BlankLayout } from "@/layouts";
+import { BasicLayout, BlankLayout, definePlugin } from "@halo-dev/admin-shared";
 import ThemeDetail from "./ThemeDetail.vue";
 import Visual from "./Visual.vue";
 import { IconPalette } from "@halo-dev/components";
diff --git a/src/modules/system/plugins/module.ts b/src/modules/system/plugins/module.ts
index fd9207f9..e1fe4365 100644
--- a/src/modules/system/plugins/module.ts
+++ b/src/modules/system/plugins/module.ts
@@ -1,5 +1,4 @@
-import { definePlugin } from "@halo-dev/admin-shared";
-import { BasicLayout } from "@/layouts";
+import { BasicLayout, definePlugin } from "@halo-dev/admin-shared";
 import PluginList from "./PluginList.vue";
 import PluginDetail from "./PluginDetail.vue";
 import { IconPlug } from "@halo-dev/components";
diff --git a/src/modules/system/roles/module.ts b/src/modules/system/roles/module.ts
index 7b40ee76..c1d2166e 100644
--- a/src/modules/system/roles/module.ts
+++ b/src/modules/system/roles/module.ts
@@ -1,5 +1,4 @@
-import { definePlugin } from "@halo-dev/admin-shared";
-import { BasicLayout } from "@/layouts";
+import { BasicLayout, definePlugin } from "@halo-dev/admin-shared";
 import RoleList from "./RoleList.vue";
 import RoleDetail from "./RoleDetail.vue";
 
diff --git a/src/modules/system/settings/module.ts b/src/modules/system/settings/module.ts
index 9a0f6187..178403b1 100644
--- a/src/modules/system/settings/module.ts
+++ b/src/modules/system/settings/module.ts
@@ -1,5 +1,4 @@
-import { definePlugin } from "@halo-dev/admin-shared";
-import { SystemSettingsLayout } from "@/layouts";
+import { definePlugin, SystemSettingsLayout } from "@halo-dev/admin-shared";
 import GeneralSettings from "./GeneralSettings.vue";
 import NotificationSettings from "./NotificationSettings.vue";
 import { IconSettings } from "@halo-dev/components";
diff --git a/src/modules/system/users/module.ts b/src/modules/system/users/module.ts
index ce7c43b0..dc062f00 100644
--- a/src/modules/system/users/module.ts
+++ b/src/modules/system/users/module.ts
@@ -1,5 +1,9 @@
-import { definePlugin } from "@halo-dev/admin-shared";
-import { BasicLayout, BlankLayout, UserProfileLayout } from "@/layouts";
+import {
+  BasicLayout,
+  BlankLayout,
+  definePlugin,
+  UserProfileLayout,
+} from "@halo-dev/admin-shared";
 import UserList from "./UserList.vue";
 import UserDetail from "./UserDetail.vue";
 import ProfileModification from "./ProfileModification.vue";
diff --git a/src/router/routes.config.ts b/src/router/routes.config.ts
index 23fb96de..b0178250 100644
--- a/src/router/routes.config.ts
+++ b/src/router/routes.config.ts
@@ -1,6 +1,6 @@
 import type { RouteRecordRaw } from "vue-router";
 import NotFound from "@/views/exceptions/NotFound.vue";
-import { BasicLayout } from "@/layouts";
+import { BasicLayout } from "@halo-dev/admin-shared";
 
 export const routes: Array<RouteRecordRaw> = [
   {
diff --git a/src/setup/setupStyles.ts b/src/setup/setupStyles.ts
index f4fc0092..38dfba32 100644
--- a/src/setup/setupStyles.ts
+++ b/src/setup/setupStyles.ts
@@ -1,2 +1,3 @@
 import "@halo-dev/components/dist/style.css";
 import "@/styles/tailwind.css";
+import "@halo-dev/admin-shared/dist/style.css";
diff --git a/src/utils/api-client.ts b/src/utils/api-client.ts
index 925d3343..03a96f16 100644
--- a/src/utils/api-client.ts
+++ b/src/utils/api-client.ts
@@ -1,8 +1,7 @@
 import axios from "axios";
 
 const token =
-  "eyJhbGciOiJSUzUxMiJ9.eyJpc3MiOiJIYWxvIE93bmVyIiwic3ViIjoiYWRtaW4iLCJleHAiOjE2NTYwNDM3NTYsImlhdCI6MTY1NTk1NzM1Niwic2NvcGUiOlsiUk9MRV9zdXBlci1yb2xlIl19.XHmq5q9-HWkWQsPdcuvldeiKOQxbKHEd9qP33ZWaLSFVgj5D-8QvfLjuLreMWUBLvZXvsqBuDHpib70gO6V2c4VtUbnAQnzr8oQx4E5ypMnWH4Gdbs8UlSpMGjTPzSk-QNFKB48nMo8wgTcq2oyhBsMEIArKFm7v2pa5dSX1LbWTRRpNfJpHPVwrAPzaNkOs_qasS8QzSTHU1C3wCf_A4lEILVhbrHq_mv9yeMQZL0enD-gpbGXEQzHE59zwxFC7kfgb_YhzYZfzuXAv2BIKn4TU14W9aW4HySymsqM0ItO5RT3GmJgurbX9USHhIKfGdTFEG1cfgZ0ZJNNOOLEndA";
-
+"eyJhbGciOiJSUzUxMiJ9.eyJpc3MiOiJIYWxvIE93bmVyIiwic3ViIjoiYWRtaW4iLCJleHAiOjE2NTYxMzk1MzcsImlhdCI6MTY1NjA1MzEzNywic2NvcGUiOlsiUk9MRV9zdXBlci1yb2xlIl19.QUAe5lD2chY5NG_bXwqPxk2y4gxUifz-_H-dN_ZcggdQ0Nm2m5R168VUt33jJ4gCUW5HQx7hqJY_V60jDQ0nAP3VjrfeDNG7BvoaqLyoThg40f1oD-AUoB648b_TZga0oKtwkCyLYi_qkgmvF6UZumMsI9rTVHxef6O5vAbSrFFc2pZ90xNH9PN7ILJDimv_2I1IRpBtASJG1cM0yWYUmHWO-yW2UwUKGxJTf3TN_OvJqHcMRqD7Y5Fe1BVhZfzY8UX6KygG21eKd26hLNIQz6xx-O85HTj8HM5CJUR7jSp3Oo7rtQwIbEDTdGeTqmFM96ufL4nVYdpDuONm0zSxYQ"
 const axiosInstance = axios.create({
   headers: {
     Authorization: `Bearer ${token}`,
diff --git a/src/views/exceptions/__tests__/NotFound.spec.ts b/src/views/exceptions/__tests__/NotFound.spec.ts
new file mode 100644
index 00000000..92236950
--- /dev/null
+++ b/src/views/exceptions/__tests__/NotFound.spec.ts
@@ -0,0 +1,7 @@
+import { describe, expect, it } from "vitest";
+
+describe("NotFound", () => {
+  it("should render", () => {
+    expect(true).toBe(true);
+  });
+});