a

components/i/Aside.vue

@@ -10,7 +10,7 @@
                 <div class="flex flex-grow justify-between items-center">
                     <span>新主题</span>
                     <div class="space-x-1">
-                        <UKbd>⌘</UKbd>
+                        <UKbd>{{ metaSymbol }}</UKbd>
                         <UKbd>K</UKbd>
                     </div>
                 </div>
@@ -28,6 +28,7 @@
     </div>
 </template>
 <script setup lang="ts">
+const { metaSymbol } = useShortcuts()
 const colorMode = useColorMode()
 const isDark = computed({
     get () {
@@ -37,4 +38,12 @@ const isDark = computed({
         colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark'
     }
 })
+defineShortcuts({
+    meta_k: {
+        handler: () => {
+
+        }
+    }
+})
+
 </script>

package.json

@@ -4,7 +4,7 @@
   "type": "module",
   "scripts": {
     "build": "nuxt build",
-    "dev": "nuxt dev --host",
+    "dev": "SW=false nuxt dev --host",
     "dev-sw": "SW=true nuxi dev --host",
     "generate": "nuxt generate",
     "preview": "nuxt preview",