chore: Add DropdownMenuRadioItem and DropdownMenuCheckboxItem to demo

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,
+  DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel,
-  DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger,
+  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>