feat: add new components' snippets

selemondev · Mar 9, 2024 · 0bdefc7 · 0bdefc7
1 parent bb8577b
commit 0bdefc7
Show file tree

Hide file tree

Showing 2 changed files with 125 additions and 1 deletion.
diff --git a/src/snippets/imports.code-snippets b/src/snippets/imports.code-snippets
@@ -160,6 +160,24 @@
       ],
       "description": "https://shadcn-vue.com/docs/components/dialog.html"
     },
+
+    "Drawer": {
+      "prefix": ["shadcn-i-drawer", "cni-drawer"],
+      "body": [
+        "import {",
+        "  Drawer,",
+        "  DrawerClose,",
+        "  DrawerContent,",
+        "  DrawerDescription,",
+        "  DrawerFooter,",
+        "  DrawerHeader,",
+        "  DrawerTitle,",
+        "  DrawerTrigger,",
+        "} from '@/components/ui/drawer'"
+      ],
+      "description": "https://shadcn-vue.com/docs/components/drawer.html"
+    },
+
 
     "Dropdown Menu": {
       "prefix": ["shadcn-i-dropdown-menu", "cni-dropdown-menu"],
@@ -259,6 +277,18 @@
       ],
       "description": "https://shadcn-vue.com/docs/components/pagination.html"
     },
+
+    "Pin Input": {
+      "prefix": ["shadcn-i-pin-input", "cni-i-input"],
+      "body": [
+        "import {",
+        "  PinInput,",
+        "  PinInputInput,",
+        "} from '@/components/ui/pin-input'"
+        ""
+      ],
+      "description": "https://shadcn-vue.com/docs/components/pin-input.html"
+    },
 
     "Popover": {
       "prefix": ["shadcn-i-popover", "cni-popover"],
@@ -288,6 +318,18 @@
       ],
       "description": "https://shadcn-vue.com/docs/components/radio-group.html"
     },
+
+    "Resizable": {
+      "prefix": ["shadcn-i-resizable", "cni-resizable"],
+      "body": [
+        "import {",
+        "  ResizableHandle,",
+        "  ResizablePanel,",
+        "  ResizablePanelGroup,",
+        "} from '@/components/ui/resizable'"
+      ],
+      "description": "https://shadcn-vue.com/docs/components/resizable.html"
+    },
 
     "Scroll Area": {
       "prefix": ["shadcn-i-scroll-area", "cni-scroll-area"],
@@ -383,6 +425,15 @@
       ],
       "description": "https://shadcn-vue.com/docs/components/tabs.html"
     },
+
+    "Tags Input": {
+      "prefix": ["shadcn-i-tags-input", "cni-tags-input"],
+      "body": [
+        "import { TagsInput, TagsInputInput, TagsInputItem, TagsInputItemDelete, TagsInputItemText } from '@/components/ui/tags-input'"
+        ""
+      ],
+      "description": "https://shadcn-vue.com/docs/components/tags-input.html"
+    },
 
     "Textarea": {
       "prefix": ["shadcn-i-textarea", "cni-textarea"],

diff --git a/src/snippets/usage.code-snippets b/src/snippets/usage.code-snippets
@@ -294,6 +294,30 @@
       ],
       "description": "https://shadcn-vue.com/docs/components/dialog.html"
     },
+
+    "Drawer": {
+      "prefix": ["shadcn-x-drawer", "cnx-drawer"],
+      "body": [
+        "  <Drawer>",
+        "    <DrawerTrigger>Open</DrawerTrigger>",
+        "    <DrawerContent>",
+        "      <DrawerHeader>",
+        "        <DrawerTitle>Are you absolutely sure?</DrawerTitle>",
+        "        <DrawerDescription>This action cannot be undone.</DrawerDescription>",
+        "      </DrawerHeader>",
+        "      <DrawerFooter>",
+        "        <Button>Submit</Button>",
+        "        <DrawerClose>",
+        "          <Button variant=\"outline\">",
+        "            Cancel",
+        "          </Button>",
+        "        </DrawerClose>",
+        "      </DrawerFooter>",
+        "    </DrawerContent>",
+        "  </Drawer>"
+      ],
+      "description": "https://shadcn-vue.com/docs/components/drawer.html"
+    },
 
     "Dropdown Menu": {
       "prefix": ["shadcn-x-dropdown-menu", "cnx-dropdown-menu"],
@@ -405,6 +429,26 @@
           ],
         "description": "https://shadcn-vue.com/docs/components/pagination.html"
     },
+
+    "Pin Input": {
+      "prefix": ["shadcn-x-pin-input", "cnx-pin-input"],
+      "body": [
+        "    <PinInput",
+        "            id=\"pin-input\"",
+        "            placeholder=\"○\"",
+        "            class=\"flex gap-2 items-center mt-1\"",
+        "            otp",
+        "            type=\"number\"",
+        "          >",
+        "            <PinInputInput",
+        "              v-for=\"(id, index) in 5\"",
+        "              :key=\"id\"",
+        "              :index=\"index\"",
+        "            />",
+        "          </PinInput>"
+      ],
+      "description": "https://shadcn-vue.com/docs/components/pin-input.html"
+    },
 
     "Popover": {
       "prefix": ["shadcn-x-popover", "cnx-popover"],
@@ -425,7 +469,7 @@
     },
 
     "Radio Group": {
-      "prefix": "shadcn-x-radio-group",
+      "prefix": ["shadcn-x-radio-group", "cnx-radio-group"],
       "body": [
         " <RadioGroup default-value=\"comfortable\">",
         "    <div class=\"flex items-center space-x-2\">",
@@ -444,6 +488,19 @@
       ],
       "description": "https://shadcn-vue.com/docs/components/radio-group.html"
     },
+
+
+    "Resizable": {
+      "prefix": ["shadcn-x-resizable", "cnx-resizable"],
+      "body": [
+        " <ResizablePanelGroup direction=\"horizontal\">",
+        "    <ResizablePanel>One</ResizablePanel>",
+        "    <ResizableHandle />",
+        "    <ResizablePanel>Two</ResizablePanel>",
+        "  </ResizablePanelGroup>"
+      ],
+      "description": "https://shadcn-vue.com/docs/components/resizable.html"
+    },
 
     "Scroll Area": {
       "prefix": ["shadcn-x-scroll-area", "cnx-scroll-area"],
@@ -603,6 +660,22 @@
       ],
       "description": "https://shadcn-vue.com/docs/components/tabs.html"
     },
+
+    "Tags Input": {
+      "prefix": ["shadcn-x-tags-input", "cnx-tags-input"],
+      "body": [
+        "  <TagsInput v-model=\"\">",
+        "    <TagsInputItem v-for=\"item in modelValue\" :key=\"item\" :value=\"item\">",
+        "      <TagsInputItemText />",
+        "      <TagsInputItemDelete />",
+        "    </TagsInputItem>",
+        "",
+        "    <TagsInputInput placeholder=\"Fruits...\" />",
+        "  </TagsInput>"
+        ""
+      ],
+      "description": "https://shadcn-vue.com/docs/components/tags-input.html"
+    },
 
     "Textarea": {
       "prefix": ["shadcn-x-textarea", "cnx-textarea"],