From 4a553b26f24779ec0753a298bcdfff97b6ddb5bb Mon Sep 17 00:00:00 2001
From: rev4324 <fevenant13@gmail.com>
Date: Tue, 29 Aug 2023 22:57:17 +0200
Subject: [PATCH] chore: Add DropdownMenuRadioItem and DropdownMenuCheckboxItem
 to demo

---
 .../default/examples/DropdownMenuDemo.vue     | 24 +++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/apps/www/src/lib/registry/default/examples/DropdownMenuDemo.vue b/apps/www/src/lib/registry/default/examples/DropdownMenuDemo.vue
index 88a6dc13..daf2017f 100644
--- a/apps/www/src/lib/registry/default/examples/DropdownMenuDemo.vue
+++ b/apps/www/src/lib/registry/default/examples/DropdownMenuDemo.vue
@@ -15,11 +15,15 @@ import {
   UserPlus,
   Users,
 } from 'lucide-vue-next'
+import { ref } from 'vue'
 import { Button } from '@/registry/default/ui/button'
 import {
-  DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel,
-  DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger,
+  DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel,
+  DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger,
 } from '@/registry/default/ui/dropdown-menu'
+
+const dark = ref(true)
+const radio = ref('top')
 </script>
 
 <template>
@@ -103,6 +107,22 @@ import {
         <span>API</span>
       </DropdownMenuItem>
       <DropdownMenuSeparator />
+      <DropdownMenuCheckboxItem v-model:checked="dark">
+        <span>Dark</span>
+        <DropdownMenuShortcut>⌘D</DropdownMenuShortcut>
+      </DropdownMenuCheckboxItem>
+      <DropdownMenuRadioGroup v-model="radio">
+        <DropdownMenuRadioItem value="top">
+          Top
+        </DropdownMenuRadioItem>
+        <DropdownMenuRadioItem value="bottom">
+          Bottom
+        </DropdownMenuRadioItem>
+        <DropdownMenuRadioItem value="right">
+          Right
+        </DropdownMenuRadioItem>
+      </DropdownMenuRadioGroup>
+      <DropdownMenuSeparator />
       <DropdownMenuItem>
         <LogOut class="mr-2 h-4 w-4" />
         <span>Log out</span>