From c1c1f171fe562621fc041aedb8f21c6b844d7922 Mon Sep 17 00:00:00 2001
From: Roman Slonov <destabiliseus@gmail.com>
Date: Thu, 28 Mar 2024 20:34:39 +0800
Subject: [PATCH] docs: fix `AccountForm.vue` example select language empty
 state (#442)

---
 .../examples/forms/components/AccountForm.vue | 43 ++++++++++---------
 1 file changed, 23 insertions(+), 20 deletions(-)

diff --git a/apps/www/src/examples/forms/components/AccountForm.vue b/apps/www/src/examples/forms/components/AccountForm.vue
index e5aeff88..084701fc 100644
--- a/apps/www/src/examples/forms/components/AccountForm.vue
+++ b/apps/www/src/examples/forms/components/AccountForm.vue
@@ -17,6 +17,7 @@ import {
   CommandGroup,
   CommandInput,
   CommandItem,
+  CommandList,
 } from '@/lib/registry/default/ui/command'
 import { Button } from '@/lib/registry/new-york/ui/button'
 import {
@@ -146,26 +147,28 @@ async function onSubmit(values: any) {
           <PopoverContent class="w-[200px] p-0">
             <Command>
               <CommandInput placeholder="Search language..." />
-              <CommandEmpty>No framework found.</CommandEmpty>
-              <CommandGroup>
-                <CommandItem
-                  v-for="language in languages" :key="language.value" :value="language.label"
-                  @select="() => {
-                    setValues({
-                      language: language.value,
-                    })
-                    open = false
-                  }"
-                >
-                  <Check
-                    :class="cn(
-                      'mr-2 h-4 w-4',
-                      value === language.value ? 'opacity-100' : 'opacity-0',
-                    )"
-                  />
-                  {{ language.label }}
-                </CommandItem>
-              </CommandGroup>
+              <CommandEmpty>No language found.</CommandEmpty>
+              <CommandList>
+                <CommandGroup>
+                  <CommandItem
+                    v-for="language in languages" :key="language.value" :value="language.label"
+                    @select="() => {
+                      setValues({
+                        language: language.value,
+                      })
+                      open = false
+                    }"
+                  >
+                    <Check
+                      :class="cn(
+                        'mr-2 h-4 w-4',
+                        value === language.value ? 'opacity-100' : 'opacity-0',
+                      )"
+                    />
+                    {{ language.label }}
+                  </CommandItem>
+                </CommandGroup>
+              </CommandList>
             </Command>
           </PopoverContent>
         </Popover>