改进 UI 和删除聊天逻辑

src/auto-imports.d.ts

@@ -3,6 +3,7 @@
 // @ts-nocheck
 // noinspection JSUnusedGlobalSymbols
 // Generated by unplugin-auto-import
+// biome-ignore lint: disable
 export {}
 declare global {
   const EffectScope: typeof import('vue')['EffectScope']
@@ -105,6 +106,7 @@ declare module 'vue' {
     readonly onServerPrefetch: UnwrapRef<typeof import('vue')['onServerPrefetch']>
     readonly onUnmounted: UnwrapRef<typeof import('vue')['onUnmounted']>
     readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
+    readonly onWatcherCleanup: UnwrapRef<typeof import('vue')['onWatcherCleanup']>
     readonly provide: UnwrapRef<typeof import('vue')['provide']>
     readonly reactive: UnwrapRef<typeof import('vue')['reactive']>
     readonly readonly: UnwrapRef<typeof import('vue')['readonly']>
@@ -122,9 +124,12 @@ declare module 'vue' {
     readonly useAttrs: UnwrapRef<typeof import('vue')['useAttrs']>
     readonly useCssModule: UnwrapRef<typeof import('vue')['useCssModule']>
     readonly useCssVars: UnwrapRef<typeof import('vue')['useCssVars']>
+    readonly useId: UnwrapRef<typeof import('vue')['useId']>
+    readonly useModel: UnwrapRef<typeof import('vue')['useModel']>
     readonly useRoute: UnwrapRef<typeof import('vue-router/auto')['useRoute']>
     readonly useRouter: UnwrapRef<typeof import('vue-router/auto')['useRouter']>
     readonly useSlots: UnwrapRef<typeof import('vue')['useSlots']>
+    readonly useTemplateRef: UnwrapRef<typeof import('vue')['useTemplateRef']>
     readonly watch: UnwrapRef<typeof import('vue')['watch']>
     readonly watchEffect: UnwrapRef<typeof import('vue')['watchEffect']>
     readonly watchPostEffect: UnwrapRef<typeof import('vue')['watchPostEffect']>

src/components/chat/Chat.vue

@@ -27,8 +27,8 @@
             <n-text depth="3">
               我们有一些预设提示词，您可以点击来一键输入。
             </n-text>
-            <n-scrollbar style="max-height: 400px">
-              <n-grid cols="1 s:2 l:3" responsive="screen">
+            <n-scrollbar style="max-height: 400px" class="mt-3">
+              <n-grid cols="1 m:2 l:3" responsive="screen">
                 <n-gi v-for="p in prompts" class="rounded-lg p-2">
                   <n-card
                     :title="p.act"
@@ -175,8 +175,6 @@
           class="text-center block mt-2 mb-2 text-sm select-none"
         >
           AI 也有可能犯错误，请在使用之前核查信息。
-          <br />
-          测试版本，不代表最终品质。
         </n-text>
       </div>
     </div>

src/components/chat/Layout.vue

@@ -36,7 +36,7 @@
             </n-thing>
           </n-list-item>
         </n-list>
-        <div v-else>
+        <div v-else class="mt-8">
           <n-result
             status="404"
             title="你还没有对话"
@@ -99,6 +99,9 @@ const deleteChat = async (chatId: number) => {
     onPositiveClick: async () => {
       await getApi().Chat.apiV1ChatsIdDelete(chatId);
       await getChats();
+      if (parseInt(router.currentRoute.value.params.id) === chatId) {
+        router.push("/")
+      }
     },
   });
 };

vite.config.ts

@@ -10,6 +10,13 @@ import AutoImport from "unplugin-auto-import/vite";
 import { fileURLToPath, URL } from "node:url";
 // https://vitejs.dev/config/
 export default defineConfig({
+  css: {
+    preprocessorOptions: {
+      scss: {
+        api: "modern-compiler", // or "modern", "legacy"
+      },
+    },
+  },
   resolve: {
     alias: {
       "@": fileURLToPath(new URL("./src", import.meta.url)),