useFormGroup Cannot read properties of undefined (reading 'legend')

[aligzl]

Environment

• Operating System: Darwin
• Node Version: v20.15.1
• Nuxt Version: 3.13.2
• CLI Version: 3.13.2
• Nitro Version: 2.9.7
• Package Manager: pnpm@9.9.0
• Builder: -
• User Config: extends, app, appId, i18n, imports, modules, security, hub, ui, colorMode, routeRules, devtools, typescript, future, eslint, nitro, compatibilityDate, tailwindcss, telemetry, runtimeConfig
• Runtime Modules: @nuxthub/core@0.7.19, @nuxt/eslint@0.5.7, @nuxt/fonts@0.8.0, @nuxt/ui, @vueuse/nuxt@11.1.0, @pinia/nuxt@0.5.4, @nuxtjs/i18n@8.5.3, nuxt-security@2.0.0
• Build Modules: -

Version

v2.8.0

Reproduction

https://stackblitz.com/edit/nuxt-ui

Description

Hi, i am getting error while using useFormGroup as const { emitFormChange } = useFormGroup();

error-handler.ts:4 Global error handler TypeError: Cannot read properties of undefined (reading 'legend')
    at useFormGroup (useFormGroup.js?v=6ba076a3:8:29)
    at Object.setup (DatePicker.client.vue:20:28)
    at clone.setup (client-only.js?v=6ba076a3:80:41)
    at callWithErrorHandling (runtime-core.esm-bun…s?v=6ba076a3:197:19)
    at setupStatefulComponent (runtime-core.esm-bun…?v=6ba076a3:7843:25)
    at setupComponent (runtime-core.esm-bun…?v=6ba076a3:7804:36)
    at mountComponent (runtime-core.esm-bun…s?v=6ba076a3:5165:7)
    at processComponent (runtime-core.esm-bun…s?v=6ba076a3:5131:9)
    at patch (runtime-core.esm-bun…?v=6ba076a3:4647:11)
    at mountChildren (runtime-core.esm-bun…s?v=6ba076a3:4879:7) 
Proxy(Object) {…}
 setup function

Additional context

No response

Logs

No response

[romhml]

Sorry for that! I submitted a fix. In the meantime, you can use const { emitFormChange } = useFormGroup({}); to fix the issue.