feat: quick shortcut key for menu items

2021-12-20 00:22:31 +05:30
parent 39d6b1bfeb
commit 827f2157fa
25 changed files with 749 additions and 467 deletions
--- a/packages/hoppscotch-app/components/smart/Item.vue
+++ b/packages/hoppscotch-app/components/smart/Item.vue
@@ -64,6 +64,15 @@
    >
      {{ infoIcon }}
    </i>
+    <div v-if="shortcut.length" class="ml-2">
+      <kbd
+        v-for="(key, index) in shortcut"
+        :key="`key-${index}`"
+        class="shortcut-key -mr-2"
+      >
+        {{ key }}
+      </kbd>
+    </div>
  </SmartLink>
 </template>

@@ -116,6 +125,10 @@ export default defineComponent({
      type: Boolean,
      default: false,
    },
+    shortcut: {
+      type: Array,
+      default: () => [],
+    },
    active: {
      type: Boolean,
      default: false,