slash command adjustments including renaming to checklist

src/components/SlashMenu.tsx

@@ -3,7 +3,8 @@ import {
     Heading1, Heading2, Heading3,
     List, ListTodo, Type,
     Code, Quote,
-    Image as ImageIcon, Minus
+    Image as ImageIcon, Minus,
+    Bold, Italic, Underline
 } from "lucide-solid";
 import { cn, convertImageToWebpFile } from "@/lib/utils";
 import { activeTaskId, uploadTaskAttachment } from "@/store";
@@ -12,6 +13,7 @@ import { toast } from "solid-sonner";
 export interface CommandItem {
     title: string;
     description: string;
+    aliases?: string[];
     icon: any;
     command: (props: { editor: any; range: any }) => void;
 }
@@ -26,9 +28,37 @@ export const getSuggestionItems = ({ query }: { query: string }): CommandItem[]
                 editor.chain().focus().deleteRange(range).setNode("paragraph").run();
             },
         },
+        {
+            title: "Bold",
+            description: "Strong text. (**text**)",
+            aliases: ["b", "strong"],
+            icon: Bold,
+            command: ({ editor, range }: { editor: any, range: any }) => {
+                editor.chain().focus().deleteRange(range).toggleBold().run();
+            },
+        },
+        {
+            title: "Italic",
+            description: "Emphasized text. (*text*)",
+            aliases: ["i", "emphasis"],
+            icon: Italic,
+            command: ({ editor, range }: { editor: any, range: any }) => {
+                editor.chain().focus().deleteRange(range).toggleItalic().run();
+            },
+        },
+        {
+            title: "Underline",
+            description: "Underlined text.",
+            aliases: ["u"],
+            icon: Underline,
+            command: ({ editor, range }: { editor: any, range: any }) => {
+                editor.chain().focus().deleteRange(range).toggleUnderline().run();
+            },
+        },
         {
             title: "Heading 1",
             description: "Big section heading.",
+            aliases: ["h1"],
             icon: Heading1,
             command: ({ editor, range }: { editor: any, range: any }) => {
                 editor.chain().focus().deleteRange(range).setNode("heading", { level: 1 }).run();
@@ -37,6 +67,7 @@ export const getSuggestionItems = ({ query }: { query: string }): CommandItem[]
         {
             title: "Heading 2",
             description: "Medium section heading.",
+            aliases: ["h2"],
             icon: Heading2,
             command: ({ editor, range }: { editor: any, range: any }) => {
                 editor.chain().focus().deleteRange(range).setNode("heading", { level: 2 }).run();
@@ -45,6 +76,7 @@ export const getSuggestionItems = ({ query }: { query: string }): CommandItem[]
         {
             title: "Heading 3",
             description: "Small section heading.",
+            aliases: ["h3"],
             icon: Heading3,
             command: ({ editor, range }: { editor: any, range: any }) => {
                 editor.chain().focus().deleteRange(range).setNode("heading", { level: 3 }).run();
@@ -59,8 +91,8 @@ export const getSuggestionItems = ({ query }: { query: string }): CommandItem[]
             },
         },
         {
-            title: "Task List",
-            description: "Track tasks with a checklist.",
+            title: "Checklist",
+            description: "Insert a checklist.",
             icon: ListTodo,
             command: ({ editor, range }: { editor: any, range: any }) => {
                 editor.chain().focus().deleteRange(range).toggleTaskList().run();
@@ -138,7 +170,11 @@ export const getSuggestionItems = ({ query }: { query: string }): CommandItem[]
                 editor.chain().focus().deleteRange(range).setHorizontalRule().run();
             },
         },
-    ].filter(item => item.title.toLowerCase().startsWith(query.toLowerCase()));
+    ].filter(item => {
+        const lowerQuery = query.toLowerCase();
+        return item.title.toLowerCase().startsWith(lowerQuery) ||
+            item.aliases?.some(alias => alias.toLowerCase().startsWith(lowerQuery));
+    });
 };
 
 export const SlashMenu: Component<{