diff --git a/apps/www/src/content/docs/components/combobox.md b/apps/www/src/content/docs/components/combobox.md
index 8f909099..8134d38e 100644
--- a/apps/www/src/content/docs/components/combobox.md
+++ b/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,22 +73,24 @@ const value = ref({})
       <Command v-model="value">
         <CommandInput placeholder="Search framework..." />
         <CommandEmpty>No framework found.</CommandEmpty>
-        <CommandGroup>
-          <CommandItem
-            v-for="framework in frameworks"
-            :key="framework.value"
-            :value="framework"
-            @select="open = false"
-          >
-            <Check
-              :class="cn(
-                'mr-2 h-4 w-4',
-                value === framework.value ? 'opacity-100' : 'opacity-0',
-              )"
-            />
-            {{ framework.label }}
-          </CommandItem>
-        </CommandGroup>
+        <CommandList>
+          <CommandGroup>
+            <CommandItem
+              v-for="framework in frameworks"
+              :key="framework.value"
+              :value="framework"
+              @select="open = false"
+            >
+              <Check
+                :class="cn(
+                  'mr-2 h-4 w-4',
+                  value === framework.value ? 'opacity-100' : 'opacity-0',
+                )"
+              />
+              {{ framework.label }}
+            </CommandItem>
+          </CommandGroup>
+        </CommandList>
       </Command>
     </PopoverContent>
   </Popover>
diff --git a/apps/www/src/lib/registry/default/example/ComboboxDemo.vue b/apps/www/src/lib/registry/default/example/ComboboxDemo.vue
index 8a4f7f48..758020bd 100644
--- a/apps/www/src/lib/registry/default/example/ComboboxDemo.vue
+++ b/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,25 +49,28 @@ const filterFunction = (list: typeof frameworks, search: string) => list.filter(
       <Command :filter-function="filterFunction">
         <CommandInput placeholder="Search framework..." />
         <CommandEmpty>No framework found.</CommandEmpty>
-        <CommandGroup>
-          <CommandItem
-            v-for="framework in frameworks"
-            :key="framework.value"
-            :value="framework"
-            @select="(ev) => {
-              value = ev.detail.value as typeof framework
-              open = false
-            }"
-          >
-            <Check
-              :class="cn(
-                'mr-2 h-4 w-4',
-                value?.value === framework.value ? 'opacity-100' : 'opacity-0',
-              )"
-            />
-            {{ framework.label }}
-          </CommandItem>
-        </CommandGroup>
+        <CommandList>
+          <CommandGroup>
+            <CommandItem
+              v-for="framework in frameworks"
+              :key="framework.value"
+              :value="framework"
+              @select="(ev) => {
+                value = ev.detail.value
+                console.log(ev)
+                open = false
+              }"
+            >
+              <Check
+                :class="cn(
+                  'mr-2 h-4 w-4',
+                  value?.value === framework.value ? 'opacity-100' : 'opacity-0',
+                )"
+              />
+              {{ framework.label }}
+            </CommandItem>
+          </CommandGroup>
+        </CommandList>
       </Command>
     </PopoverContent>
   </Popover>
diff --git a/apps/www/src/lib/registry/default/example/ComboboxForm.vue b/apps/www/src/lib/registry/default/example/ComboboxForm.vue
index 5ab4b6bb..fe4de4c4 100644
--- a/apps/www/src/lib/registry/default/example/ComboboxForm.vue
+++ b/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,23 +84,25 @@ const onSubmit = handleSubmit((values) => {
             <Command>
               <CommandInput placeholder="Search language..." />
               <CommandEmpty>Nothing found.</CommandEmpty>
-              <CommandGroup>
-                <CommandItem
-                  v-for="language in languages"
-                  :key="language.value"
-                  :value="language.label"
-                  @select="() => {
-                    setValues({
-                      language: language.value,
-                    })
-                  }"
-                >
-                  <Check
-                    :class="cn('mr-2 h-4 w-4', language.value === values.language ? 'opacity-100' : 'opacity-0')"
-                  />
-                  {{ language.label }}
-                </CommandItem>
-              </CommandGroup>
+              <CommandList>
+                <CommandGroup>
+                  <CommandItem
+                    v-for="language in languages"
+                    :key="language.value"
+                    :value="language.label"
+                    @select="() => {
+                      setValues({
+                        language: language.value,
+                      })
+                    }"
+                  >
+                    <Check
+                      :class="cn('mr-2 h-4 w-4', language.value === values.language ? 'opacity-100' : 'opacity-0')"
+                    />
+                    {{ language.label }}
+                  </CommandItem>
+                </CommandGroup>
+              </CommandList>
             </Command>
           </PopoverContent>
         </Popover>
diff --git a/apps/www/src/lib/registry/new-york/example/ComboboxDemo.vue b/apps/www/src/lib/registry/new-york/example/ComboboxDemo.vue
index 04f9614f..9d2e4506 100644
--- a/apps/www/src/lib/registry/new-york/example/ComboboxDemo.vue
+++ b/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,25 +49,27 @@ 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>
-        <CommandGroup>
-          <CommandItem
-            v-for="framework in frameworks"
-            :key="framework.value"
-            :value="framework"
-            @select="(ev) => {
-              value = ev.detail.value as typeof framework
-              open = false
-            }"
-          >
-            {{ framework.label }}
-            <CheckIcon
-              :class="cn(
-                'ml-auto h-4 w-4',
-                value?.value === framework.value ? 'opacity-100' : 'opacity-0',
-              )"
-            />
-          </CommandItem>
-        </CommandGroup>
+        <CommandList>
+          <CommandGroup>
+            <CommandItem
+              v-for="framework in frameworks"
+              :key="framework.value"
+              :value="framework"
+              @select="(ev) => {
+                value = ev.detail.value
+                open = false
+              }"
+            >
+              {{ framework.label }}
+              <CheckIcon
+                :class="cn(
+                  'ml-auto h-4 w-4',
+                  value?.value === framework.value ? 'opacity-100' : 'opacity-0',
+                )"
+              />
+            </CommandItem>
+          </CommandGroup>
+        </CommandList>
       </Command>
     </PopoverContent>
   </Popover>
diff --git a/apps/www/src/lib/registry/new-york/example/ComboboxForm.vue b/apps/www/src/lib/registry/new-york/example/ComboboxForm.vue
index eb112afc..247c0870 100644
--- a/apps/www/src/lib/registry/new-york/example/ComboboxForm.vue
+++ b/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,23 +87,25 @@ const onSubmit = handleSubmit((values) => {
             <Command>
               <CommandInput placeholder="Search language..." />
               <CommandEmpty>Nothing found.</CommandEmpty>
-              <CommandGroup>
-                <CommandItem
-                  v-for="language in languages"
-                  :key="language.value"
-                  :value="language.label"
-                  @select="() => {
-                    setValues({
-                      language: language.value,
-                    })
-                  }"
-                >
-                  {{ language.label }}
-                  <CheckIcon
-                    :class="cn('ml-auto h-4 w-4', language.value === values.language ? 'opacity-100' : 'opacity-0')"
-                  />
-                </CommandItem>
-              </CommandGroup>
+              <CommandList>
+                <CommandGroup>
+                  <CommandItem
+                    v-for="language in languages"
+                    :key="language.value"
+                    :value="language.label"
+                    @select="() => {
+                      setValues({
+                        language: language.value,
+                      })
+                    }"
+                  >
+                    {{ language.label }}
+                    <CheckIcon
+                      :class="cn('ml-auto h-4 w-4', language.value === values.language ? 'opacity-100' : 'opacity-0')"
+                    />
+                  </CommandItem>
+                </CommandGroup>
+              </CommandList>
             </Command>
           </PopoverContent>
         </Popover>