From 295f2d0c957901ad3dc0506d2eac2799f98f71fd Mon Sep 17 00:00:00 2001
From: mini2024 <mini2024@oo1.dev>
Date: Mon, 24 Mar 2025 01:19:00 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E4=B8=BB=E9=A2=98?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E6=94=AF=E6=8C=81=E5=B9=B6=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=20UI=20=E7=BB=84=E4=BB=B6=E9=A1=B5=E9=9D=A2=E7=9A=84=E6=9A=97?=
 =?UTF-8?q?=E9=BB=91=E6=A8=A1=E5=BC=8F=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   | 20 ++++++++++++++++++-
 .../UI-components/Components/index.page.vue   |  4 ++--
 .../UI-components/ShadcnVue/index.page.vue    |  2 +-
 3 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 6b0f4c9..20aa144 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,23 @@
+<script setup lang="ts">
+import type { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
+
+import { theme } from 'ant-design-vue';
+
+import { useLayout } from './layouts/sakai-vue/composables/layout';
+
+const { isDarkTheme } = useLayout();
+
+const themeConfig = computed(() => {
+  return {
+    algorithm: isDarkTheme.value ? theme.darkAlgorithm : theme.defaultAlgorithm,
+  } satisfies ThemeConfig;
+});
+</script>
+
 <template>
-  <RouterView />
+  <a-config-provider :theme="themeConfig">
+    <RouterView />
+  </a-config-provider>
 
   <DynamicDialog /> <ConfirmDialog /> <Toast />
 </template>
diff --git a/src/pages/UI-components/Components/index.page.vue b/src/pages/UI-components/Components/index.page.vue
index 0a6ab19..8dc453b 100644
--- a/src/pages/UI-components/Components/index.page.vue
+++ b/src/pages/UI-components/Components/index.page.vue
@@ -4,7 +4,7 @@ import { Input as ShaInput } from '@/shadcn/components/ui/input';
 </script>
 
 <template>
-  <div class="flex flex-col items-start justify-center gap-4 bg-white p-4">
+  <div class="flex flex-col items-start justify-center gap-4 bg-white p-4 dark:bg-gray-900">
     <div class="demo-block">
       <div class="demo-block">
         <a-button type="primary">Primary Button</a-button>
@@ -38,6 +38,6 @@ import { Input as ShaInput } from '@/shadcn/components/ui/input';
 
 <style scoped>
 .demo-block {
-  @apply flex flex-wrap gap-4 b b-solid b-red-500 p-4;
+  @apply flex flex-wrap gap-4 b b-solid b-red-500 p-4 dark:bg-gray-800;
 }
 </style>
diff --git a/src/pages/UI-components/ShadcnVue/index.page.vue b/src/pages/UI-components/ShadcnVue/index.page.vue
index 74c6bfa..0d90760 100644
--- a/src/pages/UI-components/ShadcnVue/index.page.vue
+++ b/src/pages/UI-components/ShadcnVue/index.page.vue
@@ -8,7 +8,7 @@ const onClick = () => {
 
 <template>
   <div>
-    <ShadcnButton variant="link" :onClick>s</ShadcnButton>
+    <ShadcnButton :onClick>ShadcnButton</ShadcnButton>
   </div>
 </template>