增加 token 页面

src/pages/tokens/index.vue

@@ -0,0 +1,27 @@
+<template>
+  <h1>Token</h1>
+  <p>这是你当前会话中使用的 Token，在复制之前，请确保您正在干什么。</p>
+
+  <v-btn-group>
+    <v-btn class="mt-3" color="primary" @click="copyIdToken"
+      >复制 ID Token</v-btn
+    >
+    <v-btn class="mt-3" color="primary" @click="copyRefreshToken"
+      >复制刷新 Token</v-btn
+    >
+  </v-btn-group>
+
+  <p>如果你需要使用 Yeestring 的个性化服务，请使用 刷新 Token。</p>
+</template>
+
+<script setup lang="ts">
+import { useUserStore } from "@/stores/user";
+const userStore = useUserStore();
+
+const copyRefreshToken = () => {
+  navigator.clipboard.writeText(userStore.refresh_token);
+};
+const copyIdToken = () => {
+  navigator.clipboard.writeText(userStore.id_token);
+};
+</script>

src/stores/app.ts

@@ -21,6 +21,11 @@ export const useAppStore = defineStore("app", {
         text: "工具",
         to: "/tools",
       },
+      {
+        icon: "mdi-key",
+        text: "令牌",
+        to: "/tokens",
+      },
     ],
   }),
 });

src/typed-router.d.ts

@@ -28,6 +28,7 @@ declare module 'vue-router/auto-routes' {
     '/auth/login': RouteRecordInfo<'/auth/login', '/auth/login', Record<never, never>, Record<never, never>>,
     '/chats/[id]/': RouteRecordInfo<'/chats/[id]/', '/chats/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
     '/public_chat/': RouteRecordInfo<'/public_chat/', '/public_chat', Record<never, never>, Record<never, never>>,
+    '/tokens/': RouteRecordInfo<'/tokens/', '/tokens', Record<never, never>, Record<never, never>>,
     '/tools/': RouteRecordInfo<'/tools/', '/tools', Record<never, never>, Record<never, never>>,
     '/tools/create': RouteRecordInfo<'/tools/create', '/tools/create', Record<never, never>, Record<never, never>>,
     '/tools/validate': RouteRecordInfo<'/tools/validate', '/tools/validate', Record<never, never>, Record<never, never>>,