按钮

components/i/search/RecommendQuestion.vue

@@ -8,7 +8,7 @@
             v-for="item in recommendQuestions"
             color="gray"
             size="md"
-            :variant="colorMode.value === 'dark' ? 'solid' : 'soft'"
+            variant="soft"
             @click="handleClick(item.title)"
         >
             <div class="justify-between w-full flex items-center">
@@ -19,7 +19,6 @@
     </div>
 </template>
 <script setup>
-const colorMode = useColorMode()
 defineProps({
     recommendQuestions: {
         type: Array,

pages/index.vue

@@ -8,7 +8,7 @@
                 <UButton
                     class="flex justify-between"
                     color="gray"
-                    :variant="colorMode.value === 'dark' ? 'solid' : 'soft'"
+                    variant="soft"
                     size="md"
                     :trailing-icon="item.c_id ? 'i-heroicons-chevron-right-20-solid' : 'i-heroicons-plus-20-solid'"
                     :label="item.title"
@@ -20,7 +20,6 @@
     </div>
 </template>
 <script setup>
-const colorMode = useColorMode()
 const recommendQuestions = [
     {
         title: '如何解决 CORS 问题',