feat: added keywords to quickly filter through commands in the comman…

…d palette

src/command-palette/index.ts

@@ -2,6 +2,7 @@ type BaseCommand = {
   id: string;
   name: string;
   description?: string;
+  keywords?: string[];
 };
 
 type ExecutableCommand = {

src/components/ContextSwitcher.vue

@@ -23,6 +23,7 @@ onMounted(() => {
     id: "switch-context",
     name: "Switch context",
     description: "Switch the current context",
+    keywords: ["ctx", "context"],
     commands: async (): Promise<Command[]> => {
       const contexts = await Kubernetes.getContexts();
 
@@ -63,6 +64,7 @@ onMounted(() => {
     name: "Switch namespace",
     description: "Switch the current namespace",
     id: "switch-namespace",
+    keywords: ["ns", "namespace"],
     commands: async (): Promise<Command[]> => {
       const namespaces = await Kubernetes.getNamespaces(context.value);
 
@@ -95,8 +97,12 @@ onMounted(() => {
       class="flex flex-col w-full text-xs border rounded-lg p-2 text-left hover:bg-background"
       @click="showSingleCommand('switch-context')"
     >
-      <span class="uppercase font-bold mb-1">{{ context || "No context" }}</span>
-      <span v-if="context">{{ namespace == "" ? "All namespaces" : namespace }}</span>
+      <span class="uppercase font-bold mb-1">{{
+        context || "No context"
+      }}</span>
+      <span v-if="context">{{
+        namespace == "" ? "All namespaces" : namespace
+      }}</span>
       <span v-else>Click here to set context</span>
     </button>
   </div>

src/components/ui/command/CommandDialog.vue

@@ -14,7 +14,14 @@ const emitsAsProps = useEmitAsProps(emits);
 const filter = (list: Command[], query: string): Command[] => {
   const fuse = new Fuse(list, {
     threshold: 0.3,
-    keys: ["name", "description"],
+    keys: [
+      {
+        name: "keywords",
+        weight: 2,
+      },
+      "name",
+      "description",
+    ],
   });
   return fuse.search(query).map((result) => result.item);
 };