docs: fix demo after refactoring

apps/www/src/content/docs/components/combobox.md

@@ -6,6 +6,14 @@ component: true
 
 <ComponentPreview name="ComboboxDemo" /> 
 
+<br>
+<Callout title="Note" class="bg-destructive">
+
+[Radix Vue](https://github.com/radix-vue/radix-vue/releases/tag/v1.2.0) introduced a breaking change. You will need to wrap `ComboboxGroup` and `ComboboxItem` inside of `ComboboxList` now.
+
+</Callout>
+ 
+
 ## Installation
 
 The Combobox is built using a composition of the `<Popover />` and the `<Command />` components.
@@ -27,6 +35,7 @@ import {
   CommandGroup,
   CommandInput,
   CommandItem,
+  CommandList
 } from '@/components/ui/command'
 import {
   Popover,
@@ -64,6 +73,7 @@ const value = ref({})
       <Command v-model="value">
         <CommandInput placeholder="Search framework..." />
         <CommandEmpty>No framework found.</CommandEmpty>
+        <CommandList>
           <CommandGroup>
             <CommandItem
               v-for="framework in frameworks"
@@ -80,6 +90,7 @@ const value = ref({})
               {{ framework.label }}
             </CommandItem>
           </CommandGroup>
+        </CommandList>
       </Command>
     </PopoverContent>
   </Popover>

apps/www/src/lib/registry/default/example/ComboboxDemo.vue

@@ -10,6 +10,7 @@ import {
   CommandGroup,
   CommandInput,
   CommandItem,
+  CommandList,
 } from '@/lib/registry/default/ui/command'
 import {
   Popover,
@@ -48,13 +49,15 @@ const filterFunction = (list: typeof frameworks, search: string) => list.filter(
       <Command :filter-function="filterFunction">
         <CommandInput placeholder="Search framework..." />
         <CommandEmpty>No framework found.</CommandEmpty>
+        <CommandList>
           <CommandGroup>
             <CommandItem
               v-for="framework in frameworks"
               :key="framework.value"
               :value="framework"
               @select="(ev) => {
-              value = ev.detail.value as typeof framework
+                value = ev.detail.value
+                console.log(ev)
                 open = false
               }"
             >
@@ -67,6 +70,7 @@ const filterFunction = (list: typeof frameworks, search: string) => list.filter(
               {{ framework.label }}
             </CommandItem>
           </CommandGroup>
+        </CommandList>
       </Command>
     </PopoverContent>
   </Popover>

apps/www/src/lib/registry/default/example/ComboboxForm.vue

@@ -13,6 +13,7 @@ import {
   CommandGroup,
   CommandInput,
   CommandItem,
+  CommandList,
 } from '@/lib/registry/default/ui/command'
 import {
   FormControl,
@@ -83,6 +84,7 @@ const onSubmit = handleSubmit((values) => {
             <Command>
               <CommandInput placeholder="Search language..." />
               <CommandEmpty>Nothing found.</CommandEmpty>
+              <CommandList>
                 <CommandGroup>
                   <CommandItem
                     v-for="language in languages"
@@ -100,6 +102,7 @@ const onSubmit = handleSubmit((values) => {
                     {{ language.label }}
                   </CommandItem>
                 </CommandGroup>
+              </CommandList>
             </Command>
           </PopoverContent>
         </Popover>

apps/www/src/lib/registry/new-york/example/ComboboxDemo.vue

@@ -10,6 +10,7 @@ import {
   CommandGroup,
   CommandInput,
   CommandItem,
+  CommandList,
 } from '@/lib/registry/new-york/ui/command'
 import {
   Popover,
@@ -48,13 +49,14 @@ const filterFunction = (list: typeof frameworks, search: string) => list.filter(
       <Command v-model="value" :filter-function="filterFunction">
         <CommandInput class="h-9" placeholder="Search framework..." />
         <CommandEmpty>No framework found.</CommandEmpty>
+        <CommandList>
           <CommandGroup>
             <CommandItem
               v-for="framework in frameworks"
               :key="framework.value"
               :value="framework"
               @select="(ev) => {
-              value = ev.detail.value as typeof framework
+                value = ev.detail.value
                 open = false
               }"
             >
@@ -67,6 +69,7 @@ const filterFunction = (list: typeof frameworks, search: string) => list.filter(
               />
             </CommandItem>
           </CommandGroup>
+        </CommandList>
       </Command>
     </PopoverContent>
   </Popover>

apps/www/src/lib/registry/new-york/example/ComboboxForm.vue

@@ -13,6 +13,7 @@ import {
   CommandGroup,
   CommandInput,
   CommandItem,
+  CommandList,
 } from '@/lib/registry/new-york/ui/command'
 import {
   FormControl,
@@ -86,6 +87,7 @@ const onSubmit = handleSubmit((values) => {
             <Command>
               <CommandInput placeholder="Search language..." />
               <CommandEmpty>Nothing found.</CommandEmpty>
+              <CommandList>
                 <CommandGroup>
                   <CommandItem
                     v-for="language in languages"
@@ -103,6 +105,7 @@ const onSubmit = handleSubmit((values) => {
                     />
                   </CommandItem>
                 </CommandGroup>
+              </CommandList>
             </Command>
           </PopoverContent>
         </Popover>