chore: cleanup, typescript

components/app/SearchEntry.vue

@@ -0,0 +1,47 @@
+<template>
+  <div
+    class="
+      cursor-pointer
+      flex
+      py-2
+      px-6
+      transition
+      items-center
+      group
+      hover:bg-primaryLight
+    "
+    @click="$emit('action', shortcut.action)"
+  >
+    <SmartIcon
+      class="mr-4 opacity-75 transition svg-icons group-hover:opacity-100"
+      :name="shortcut.icon"
+    />
+    <span class="flex flex-1 mr-4 transition group-hover:text-secondaryDark">
+      {{ $t(shortcut.label) }}
+    </span>
+    <span
+      v-for="(key, keyIndex) in shortcut.keys"
+      :key="`key-${keyIndex}`"
+      class="shortcut-key"
+    >
+      {{ key }}
+    </span>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+  shortcut: Object
+}>()
+</script>
+
+<style lang="scss" scoped>
+.shortcut-key {
+  @apply bg-dividerLight;
+  @apply rounded;
+  @apply ml-2;
+  @apply py-1;
+  @apply px-2;
+  @apply inline-flex;
+}
+</style>