Olamide
Olamide
PostsComments
NNuxt
Created by Olamide on 3/21/2025 in #❓・help
Wrapping NuxtLayout with App component in Nuxtv3
According to Nuxtv3 documentation, it is required to wrap my app with App component in order to use layered components like Toaster and Modal. This seems to be straightforward for apps without NuxtLayout but what is the right way to add App component for apps with NuxtLayout? 
<App>
  <NuxtLayout>...</NuxtLayout>
</App>
<App>
  <NuxtLayout>...</NuxtLayout>
</App>
or 
<NuxtLayout>
  <App>...</App>
<NuxtLayout>
<NuxtLayout>
  <App>...</App>
<NuxtLayout>
4 replies
NNuxt
Created by Olamide on 3/15/2025 in #❓・help
Nuxt UI v3 UModal: injection "Symbol(nuxt-ui.locale-context)" not found.
I recently updated Nuxt, Nuxt UI and Vue to the latest versions in order to update configurations according to latest documentation. Everything's working fine after the updates except UModal component which shows the error: WARN [Vue warn]: injection "Symbol(nuxt-ui.locale-context)" not found. and refuses to update visibility. 
<UModal v-model:open="open" fullscreen>
  ...
</UModal>
<UModal v-model:open="open" fullscreen>
  ...
</UModal>
Please is there anything I might have missed?
9 replies