🚩 修复暗黑模式 增加自动填充

components/common/Bulletin.vue

@@ -6,14 +6,14 @@ defineProps({
 
 <template>
   <!-- 公告部分 -->
-  <div class="bg-gray-200 p-3 rounded-md mb-5 dark:bg-[#5b77af]">
+  <div class="bg-gray-200 p-3 rounded-md mb-5 dark:bg-[#000000FF]">
     <div class="flex items-center">
       <i aria-hidden="true" class="icon fas fa-bullhorn mr-3"></i>
     </div>
     <div class="flex-grow">
       <div class="text-sm text-gray-800 dark:text-white">
         {{ text }}
-        <slot name="text" />
+        <slot name="text"/>
       </div>
     </div>
   </div>

components/common/ColorChange.vue

@@ -33,7 +33,7 @@ const availableColor = ref([
         <div
             class="flex h-10 w-10 items-center justify-center rounded-lg bg-gray-100 dark:bg-gray-700"
         >
-          <Icon name="ph:palette-duotone" class=" text-lg dark:text-white" />
+          <Icon name="ph:palette-duotone" class=" text-lg dark:text-white"/>
         </div>
       </HeadlessListboxButton>
       <HeadlessListboxOptions
@@ -55,7 +55,7 @@ const availableColor = ref([
             {{ color.name }}
           </span>
           <span class="flex items-center justify-center text-sm">
-            <Icon :name="color.icon" class="text-base" />
+            <Icon :name="color.icon" class="text-base"/>
           </span>
         </HeadlessListboxOption>
       </HeadlessListboxOptions>

components/common/DomainList.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
 
-const domainStore = useDomainListStore();
-const SupportedTLDs = new Set(Object.keys(domainStore.SupportedTLDs));
+const domainListStore = useDomainListStore();
+const SupportedTLDs = domainListStore.getSupportedTLDKeys
 const isOpen = ref(false)
 const {t} = useI18n()
+
 </script>
 
 <template>

components/common/Footer.vue

@@ -3,15 +3,15 @@ const localePath = useLocalePath()
 const {t} = useI18n()
 </script>
 <template>
-  <footer class="text-gray-800 h-[10vh] bg-[#F1F3F4] dark:text-white  dark:bg-[#5b77af]">
+  <footer class="text-gray-800 h-[10vh] bg-[#F1F3F4] dark:text-white  dark:bg-[#000000FF]">
     <div class="max-w-5xl mx-auto py-4 px-4 flex justify-between items-center">
       <div class="text-sm">
-        {{ t('footer.text')}}
+        {{ t('footer.text') }}
       </div>
       <div class="flex items-center space-x-4">
         <NuxtLink :to="localePath('/api.html')" class="hover:underline">{{ t('footer.api') }}</NuxtLink>
         <NuxtLink to="https://github.com/7836246/Nuxt-Whois" class="hover:underline">
-          <Icon name="ant-design:github-outlined" class="h-6 w-6" />
+          <Icon name="ant-design:github-outlined" class="h-6 w-6"/>
         </NuxtLink>
       </div>
     </div>