feat: 新增鉴权

app/components/home/OcsConfigCard.vue

@@ -1,8 +1,5 @@
 <!-- app/components/home/OcsConfigCard.vue - OCS AnswererWrapper 配置片段 -->
 <script lang="ts" setup>
-import { Check, Copy } from "lucide-vue-next";
-
-import { Button } from "@/components/ui/button";
 import {
   Card,
   CardAction,
@@ -10,17 +7,28 @@ import {
   CardHeader,
   CardTitle
 } from "@/components/ui/card";
+import { useAuthStore } from "@/stores/auth";
 
+const authStore = useAuthStore();
 const origin = ref("http://localhost:3000");
-const copied = ref(false);
 
 /** 浏览器端读取当前站点地址，避免文档里写死 localhost 或生产域名 */
 onMounted(() => {
   origin.value = window.location.origin;
 });
 
-/** 与旧 Python 项目的 ocs_config_example.json 保持同样字段 */
+/** 与旧 Python 项目的 ocs_config_example.json 保持同样字段；登录后自动填入 apiToken */
 const configText = computed(() => {
+  const data: Record<string, string> = {
+    title: "${title}",
+    type: "${type}",
+    options: "${options}"
+  };
+
+  if (authStore.user?.apiToken) {
+    data.token = authStore.user.apiToken;
+  }
+
   return JSON.stringify(
     [
       {
@@ -29,11 +37,7 @@ const configText = computed(() => {
         url: `${origin.value}/api/search`,
         method: "get",
         contentType: "json",
-        data: {
-          title: "${title}",
-          type: "${type}",
-          options: "${options}"
-        },
+        data,
         handler:
           "return (res)=> res.code === 1 ? [res.question, res.answer] : [res.msg, undefined]"
       }
@@ -42,15 +46,6 @@ const configText = computed(() => {
     2
   );
 });
-
-/** 复制配置片段，失败时不打断主流程 */
-const copyConfig = async () => {
-  await navigator.clipboard.writeText(configText.value).catch(() => undefined);
-  copied.value = true;
-  window.setTimeout(() => {
-    copied.value = false;
-  }, 1200);
-};
 </script>
 
 <template>
@@ -58,11 +53,7 @@ const copyConfig = async () => {
     <CardHeader>
       <CardTitle>OCS 配置</CardTitle>
       <CardAction>
-        <Button type="button" variant="outline" size="sm" @click="copyConfig">
-          <Check v-if="copied" class="size-3.5" />
-          <Copy v-else class="size-3.5" />
-          <span>{{ copied ? "已复制" : "复制" }}</span>
-        </Button>
+        <CopyCom :text="configText" :timeout="1200" />
       </CardAction>
     </CardHeader>