fix: improve useKeyboardShortcuts usage, fix i18n keys

Author: alex-key

app/components/AppFooter.vue

@@ -97,7 +97,7 @@ const closeModal = () => modalRef.value?.close?.()
               </li>
             </ul>
             <p class="text-fg-muted leading-relaxed">
-              <i18n-t keypath="shortcuts.disable_shortcuts_description" tag="span" scope="global">
+              <i18n-t keypath="shortcuts.disable" tag="span" scope="global">
                 <template #settings>
                   <NuxtLink
                     :to="{ name: 'settings' }"

app/components/Compare/PackageSelector.vue

@@ -97,8 +97,10 @@ function removePackage(name: string) {
   packages.value = packages.value.filter(p => p !== name)
 }
 
+const keyboardShortcutsEnabled = useKeyboardShortcuts()
+
 function handleKeydown(e: KeyboardEvent) {
-  if (!useKeyboardShortcuts().value) return
+  if (!keyboardShortcutsEnabled) return
 
   const items = navigableItems.value
   const count = items.length

app/components/Link/Base.vue

@@ -59,7 +59,8 @@ const isLink = computed(() => props.variant === 'link')
 const isButton = computed(() => !isLink.value)
 const isButtonSmall = computed(() => props.size === 'small' && !isLink.value)
 const isButtonMedium = computed(() => props.size === 'medium' && !isLink.value)
-const keyboardShortcutsEnabled = computed(() => import.meta.client && useKeyboardShortcuts().value)
+const keyboardShortcuts = useKeyboardShortcuts()
+const keyboardShortcutsEnabled = computed(() => import.meta.client && keyboardShortcuts.value)
 </script>
 
 <template>

i18n/locales/en.json

@@ -34,8 +34,7 @@
     "go_to_result": "Go to result",
     "open_code_view": "Open code view",
     "open_docs": "Open docs",
-    "disable_shortcuts": "Disable shortcuts",
-    "disable_shortcuts_description": "You could disable keyboard shortcuts in {settings}."
+    "disable_shortcuts": "You could disable keyboard shortcuts in {settings}."
   },
   "search": {
     "label": "Search npm packages",

i18n/schema.json

@@ -108,9 +108,6 @@
         },
         "disable_shortcuts": {
           "type": "string"
-        },
-        "disable_shortcuts_description": {
-          "type": "string"
         }
       },
       "additionalProperties": false

lunaria/files/en-GB.json

@@ -33,8 +33,7 @@
     "go_to_result": "Go to result",
     "open_code_view": "Open code view",
     "open_docs": "Open docs",
-    "disable_shortcuts": "Disable shortcuts",
-    "disable_shortcuts_description": "You could disable keyboard shortcuts in {settings}."
+    "disable_shortcuts": "You could disable keyboard shortcuts in {settings}."
   },
   "search": {
     "label": "Search npm packages",

lunaria/files/en-US.json

@@ -33,8 +33,7 @@
     "go_to_result": "Go to result",
     "open_code_view": "Open code view",
     "open_docs": "Open docs",
-    "disable_shortcuts": "Disable shortcuts",
-    "disable_shortcuts_description": "You could disable keyboard shortcuts in {settings}."
+    "disable_shortcuts": "You could disable keyboard shortcuts in {settings}."
   },
   "search": {
     "label": "Search npm packages",