Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
moshetanzer opened this issue Mar 13, 2025 · 1 comment
Open

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

moshetanzer opened this issue Mar 13, 2025 · 1 comment
Labels
bug Something isn't working triage v3 #1289

Comments

@moshetanzer
Copy link
Contributor

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: pnpm@9.15.4
  • Builder: -
  • User Config: modules, devtools, app, css, runtimeConfig, future, compatibilityDate, telemetry, eslint
  • Runtime Modules: @nuxt/ui-pro@3.0.0, @nuxt/eslint@1.0.1, @vueuse/nuxt@12.5.0, @nuxt/image@1.9.0
  • 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

@moshetanzer moshetanzer added bug Something isn't working triage v3 #1289 labels Mar 13, 2025
@finnbuster
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working triage v3 #1289
Projects
None yet
Development

No branches or pull requests

2 participants