改进 首页

src/components.d.ts

@@ -7,6 +7,7 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    Chat: typeof import('./components/chat/chat.vue')['default']
     Container: typeof import('./components/Container.vue')['default']
     Menu: typeof import('./components/Menu.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']

src/components/chat/chat.vue

@@ -0,0 +1,17 @@
+<template>
+  <div class="mt-3 mb-1 text-5xl">
+    <n-gradient-text type="info" class="p-3">
+      你好，{{ userStore.user.name }}
+    </n-gradient-text>
+    <br />
+    <n-text depth="3"> 有什么我可以帮您的吗？ </n-text>
+  </div>
+  <div></div>
+</template>
+
+<script setup lang="ts">
+import { useMessage } from "naive-ui";
+import { useUserStore } from "../../stores/user";
+const message = useMessage();
+const userStore = useUserStore();
+</script>

src/pages/index.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { useMessage } from "naive-ui";
 import { useUserStore } from "../stores/user";
+import chat from "../components/chat/chat.vue";
 const message = useMessage();
 const userStore = useUserStore();
 
@@ -35,12 +36,14 @@ function logout() {
 </script>
 
 <template>
-  <router-link to="auth/login">go</router-link>
-  <n-dropdown trigger="hover" :options="options" @select="handleSelect">
+  <!-- <router-link to="auth/login">go</router-link> -->
+  <!-- <n-dropdown trigger="hover" :options="options" @select="handleSelect">
     <n-button>找个地方休息111</n-button>
   </n-dropdown>
 
-  <n-button @click="logout()">退出登录</n-button>
+  <n-button @click="logout()">退出登录</n-button> -->
+
+  <Chat />
 </template>
 
 <style scoped></style>