- Key Concepts
- Directory Structure
- Going further
NuxtApp
In Nuxt 3, you can access runtime app context within composables, components and plugins. In Nuxt 2, this was referred to asNuxt context.
Accessing NuxtApp
Within composables, plugins and components you can accessnuxtApp withuseNuxtApp:
functionuseMyComposable () {constnuxtApp=useNuxtApp()// access runtime nuxt app instance}Plugins also receivenuxtApp as the first argument for convenience.Read more about plugins.
👉
useNuxtApp (on the server) only works duringsetup, inside Nuxt plugins orLifecycle Hooks.
Providing Helpers
You can provide helpers to be usable across all composables and application. This usually happens within a Nuxt plugin.
constnuxtApp=useNuxtApp()nuxtApp.provide('hello', (name)=>`Hello${name}!`)console.log(nuxtApp.$hello('name'))// Prints "Hello name!"In Nuxt 2 plugins, this was referred to asinject function.
👉
It is possible to inject helpers by returning an object with aprovide key. See theplugins documentation for more information.

