From 92d1600a6bce1a7b51153c9111a39d7fafb3c80b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B1=9F=E8=A5=BF=E5=B0=8F=E5=BE=90?=
 <10062942+jiangxi-xiaoxu@user.noreply.gitee.com>
Date: Sun, 7 Apr 2024 11:48:23 +0800
Subject: [PATCH] =?UTF-8?q?:twisted=5Frightwards=5Farrows:=20=E5=9F=BA?=
 =?UTF-8?q?=E7=A1=80=E5=90=88=E5=B9=B6=20=E4=B8=89=E5=A4=A9=E5=90=8E?=
 =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=96=B0=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/README.md => README.md          |  1 +
 frontend/composables/useCurrentServer.ts | 26 ++++++++++++++++++++++++
 frontend/pages/whois/[domain].html.vue   |  2 ++
 frontend/stores/config.ts                |  3 +++
 4 files changed, 32 insertions(+)
 rename frontend/README.md => README.md (91%)
 create mode 100644 frontend/composables/useCurrentServer.ts

diff --git a/frontend/README.md b/README.md
similarity index 91%
rename from frontend/README.md
rename to README.md
index bbd1029..fb8a3c7 100644
--- a/frontend/README.md
+++ b/README.md
@@ -12,6 +12,7 @@ Nuxt-Whois 是一个基于 Nuxt3、Tailwind CSS 和 Xep-Whois 构建的Whois查
 
 ## 更新说明
 
+- 2024.4.7 增加 Go 后端 完善后台管理 增加用户自定义主题色 （目前基础合并，三天后会提交正式，禁止同步当前）
 - 2024.3.25 抛弃原来 NuxtUi 改用 NaiveUi 重构中 后台增加中 当前版本无法上线使用
 - 2024.3.18 重构V2版本 预计三天内完成。
 
diff --git a/frontend/composables/useCurrentServer.ts b/frontend/composables/useCurrentServer.ts
new file mode 100644
index 0000000..c986cb9
--- /dev/null
+++ b/frontend/composables/useCurrentServer.ts
@@ -0,0 +1,26 @@
+// composables/useCurrentServer.js 或者在一个组件中
+export const useCurrentServer = () => {
+    // 使用useHydration
+    useHydration('currentServer',
+        // 服务端执行的逻辑，返回初始值
+        () => {
+            return {
+                currentServer: {
+                    whois: 'nuxt',
+                    dns: 'nuxt',
+                    domain: 'nuxt',
+                }
+            };
+        },
+        // 客户端执行的逻辑，接收服务端设置的值
+        (serverValue) => {
+            // 在客户端处理或使用服务端传来的值
+            console.log('Received from server:', serverValue);
+
+            // 这里你可以根据需要将serverValue设置到Pinia store或Vue响应式状态中
+            // 例如，更新Pinia store中的状态
+            const configStore = useConfigStore();
+            configStore.setCurrentServer(serverValue);
+        }
+    );
+}
diff --git a/frontend/pages/whois/[domain].html.vue b/frontend/pages/whois/[domain].html.vue
index 22cfc39..aa81cd7 100644
--- a/frontend/pages/whois/[domain].html.vue
+++ b/frontend/pages/whois/[domain].html.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
 
+import {useCurrentServer} from "~/composables/useCurrentServer";
+
 definePageMeta({
   stylePage: true,
 })
diff --git a/frontend/stores/config.ts b/frontend/stores/config.ts
index 2a69106..baa0b86 100644
--- a/frontend/stores/config.ts
+++ b/frontend/stores/config.ts
@@ -41,6 +41,9 @@ export const useConfigStore = defineStore('useConfig', {
                 this.configServer.domainArr = []
             }
         },
+        setCurrentServer(configServer: any) {
+            this.currentServer = configServer
+        },
         setCurrentServerWhois(whois: any) {
             this.currentServer.whois = whois
         },