feat: add global theme

src/pages/index.vue

@@ -1,18 +1,20 @@
 <script lang="ts" setup>
-// Home page component
+import ChangeThemeDropdownButton from "@/components/button/ChangeThemeDropdownButton.vue";
+import { useGlobalThemeHook } from "@/hooks/globalThemeHook";
+
+const { curGlobalTheme } = useGlobalThemeHook();
 </script>
 
 <template>
-  <div class="hero min-h-screen bg-base-200">
+  <div class="hero min-h-screen" :data-theme="curGlobalTheme">
     <div class="hero-content text-center">
       <div class="max-w-md">
         <h1 class="text-5xl font-bold">Hucky</h1>
         <p class="py-6">自动路由系统已加载</p>
+        <ChangeThemeDropdownButton />
       </div>
     </div>
   </div>
 </template>
 
-<style scoped>
-/* Component styles */
-</style>
+<style scoped></style>