Update the import from vueuse

Author: leamsigc

UI/components/SearchDialog.vue

@@ -10,7 +10,7 @@
  * @todo [ ] Integration test.
  * @todo [✔] Update the typescript.
  */
-import { useFullscreen } from '@vueuse/core'
+import { useFullscreen, useMagicKeys, whenever } from '@vueuse/core'
 import type { ScrollbarInst } from "naive-ui";
 import { isWindows } from "~/utils/PlatformUtils";
 import type {
@@ -301,15 +301,15 @@ onMounted(() => {
             </NEl>
             <span class="opacity-70">{{
               t("searchDialog.toSelectTooltip")
-            }}</span>
+              }}</span>
           </div>
           <div class="flex items-center space-x-1">
             <NEl class="w-4 h-4 bg-[var(--code-color)] rounded flex-center">
               <Icon :name="ArrowSortIcon" size="12" />
             </NEl>
             <span class="opacity-70">{{
               t("searchDialog.toNavigateTooltip")
-            }}</span>
+              }}</span>
           </div>
         </NEl>
       </div>