injection "Symbol(nuxt-ui.locale-context)" not found

[moshetanzer]

Environment

• Operating System: Darwin
• Node Version: v22.11.0
• Nuxt Version: 3.16.0
• CLI Version: 3.22.5
• Nitro Version: 2.11.6
• Package Manager: [email protected]
• Builder: -
• User Config: modules, devtools, app, css, runtimeConfig, future, compatibilityDate, telemetry, eslint
• Runtime Modules: @nuxt/[email protected], @nuxt/[email protected], @vueuse/[email protected], @nuxt/[email protected]
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3

Reproduction

see below

Description

I get the follwing error:

runtime-core.esm-bundler.js:51  [Vue warn]: injection "Symbol(nuxt-ui.locale-context)" not found. 
  at <USlideover open=false onUpdate:open=fn side="left"  ... > 
  at <UDashboardSidebar collapsible="" resizable="" > 
  at <Primitive as=undefined class="fixed inset-0 flex overflow-hidden" > 
  at <UDashboardGroup> 
  at <Default ref=Ref< undefined > > 
  at <AsyncComponentWrapper ref=Ref< undefined > > 
  at <LayoutLoader key="default" layoutProps= Object name="default" > 
  at <NuxtLayoutProvider layoutProps= Object key="default" name="default"  ... > 
  at <NuxtLayout> 
  at <App key=4 > 
  at <NuxtRoot>

when usinng the DashboardSidebar component:

 <UDashboardSidebar
      collapsible
      resizable
    >
      <template #header>
        <div class="flex items-center gap-2">
          <UIcon
            name="i-solar-buildings-2-bold"
            class="w-7 h-7"
          />
          <span class="flex items-center gap-2 font-semibold text-lg logo">example</span>
        </div>
      </template>
      <UNavigationMenu
        orientation="vertical"
        :items="links"
      />
      <div class="flex-1" />
      <UNavigationMenu
        orientation="vertical"
        :items="footerLinks"
      />
      <USeparator class="sticky bottom-0" />
      <template #footer>
        <span class="text-xs text-neutral-500 tracking-tight">Version {{ useRuntimeConfig().public.version }}</span>
      </template>
    </UDashboardSidebar>

Additional context

No response

Logs

[finnbuster]

I can also report that I'm experiencing this after updating to 3.0.0 from 3.0.0-alpha.12

[KevinvOosterhout]

I've upgraded from beta.3 and have not had the error message before.

[Dezmonter]

I have the same problem(

[HugoRCD]

@moshetanzer Could you send a small reproduction because I just tried with the Dashboard template as well as with your code and I didn't manage to reproduce it 🤔

[thunfisch987]

i seem to get the same warning but i'm not using ui-pro in any way

[willcdotdev]

I've been trying various ways to remedy this warning.
Once NuxtLayout was placed into UApp inside of app.vue the warning went away.

Warning exists when:

<NuxtLayout>
<UApp>
<NuxtPage/>
</UApp>
</NuxtLayout>

Warning gone when:

<UApp>
<NuxtLayout>
<NuxtPage/>
</NuxtLayout>
</UApp>

[thunfisch987]

i'm not using NuxtLayout but when i have my navbar inside of the UApp it works

edit:
i narrowed it down to having a USlideover outside of the UApp