feat: update

.eslintrc-auto-import.json

@@ -1,71 +1,3 @@
 {
-  "globals": {
-    "Component": true,
-    "ComponentPublicInstance": true,
-    "ComputedRef": true,
-    "EffectScope": true,
-    "InjectionKey": true,
-    "PropType": true,
-    "Ref": true,
-    "VNode": true,
-    "computed": true,
-    "createApp": true,
-    "customRef": true,
-    "defineAsyncComponent": true,
-    "defineComponent": true,
-    "effectScope": true,
-    "getCurrentInstance": true,
-    "getCurrentScope": true,
-    "h": true,
-    "inject": true,
-    "isProxy": true,
-    "isReactive": true,
-    "isReadonly": true,
-    "isRef": true,
-    "markRaw": true,
-    "nextTick": true,
-    "onActivated": true,
-    "onBeforeMount": true,
-    "onBeforeRouteLeave": true,
-    "onBeforeRouteUpdate": true,
-    "onBeforeUnmount": true,
-    "onBeforeUpdate": true,
-    "onDeactivated": true,
-    "onErrorCaptured": true,
-    "onMounted": true,
-    "onRenderTracked": true,
-    "onRenderTriggered": true,
-    "onScopeDispose": true,
-    "onServerPrefetch": true,
-    "onUnmounted": true,
-    "onUpdated": true,
-    "provide": true,
-    "reactive": true,
-    "readonly": true,
-    "ref": true,
-    "resolveComponent": true,
-    "shallowReactive": true,
-    "shallowReadonly": true,
-    "shallowRef": true,
-    "toRaw": true,
-    "toRef": true,
-    "toRefs": true,
-    "triggerRef": true,
-    "unref": true,
-    "useAttrs": true,
-    "useCssModule": true,
-    "useCssVars": true,
-    "useDialog": true,
-    "useLink": true,
-    "useLoadingBar": true,
-    "useMessage": true,
-    "useNotification": true,
-    "useRoute": true,
-    "useRouter": true,
-    "useSlots": true,
-    "watch": true,
-    "watchEffect": true,
-    "watchPostEffect": true,
-    "watchSyncEffect": true
-  }
+  "globals": {}
 }

src/layoput/index.vue

@@ -1,7 +1,13 @@
 <template>
   <n-layout class="h-full">
-    <n-layout-header style="height: 64px; padding: 24px" bordered>
-      header
+    <n-layout-header bordered>
+      <div class="flex justify-end">
+        <n-dropdown trigger="hover" :options="options">
+          <div class="leading-[60px] cursor-pointer hover:bg-[#f6f6f6] px-3">
+            <span>用户名</span>
+          </div>
+        </n-dropdown>
+      </div>
     </n-layout-header>
     <n-layout position="absolute" style="top: 64px; bottom: 64px" has-sider>
       <n-layout-sider
@@ -32,6 +38,30 @@
 
 <script setup>
 import MenuComponent from "@/components/menu/index.vue";
+
+const options = [
+  {
+    label: "滨海湾金沙，新加坡",
+    key: "marina bay sands",
+    disabled: true,
+  },
+  {
+    label: "布朗酒店，伦敦",
+    key: "brown's hotel, london",
+  },
+  {
+    label: "亚特兰蒂斯巴哈马，拿骚",
+    key: "atlantis nahamas, nassau",
+  },
+  {
+    label: "比佛利山庄酒店，洛杉矶",
+    key: "the beverly hills hotel, los angeles",
+  },
+];
 </script>
 
-<style scoped></style>
+<style scoped>
+.n-layout-sider {
+  box-shadow: rgba(29, 35, 41, 0.05) 2px 0 8px;
+}
+</style>