mirror of
https://github.com/nuxt/nuxt.git
synced 2024-12-03 02:47:12 +00:00
1.3 KiB
1.3 KiB
NuxtApp
In Nuxt 3, you can access runtime app context within composables, components and plugins.
In Nuxt 2, this was referred to as Nuxt context.
Accessing NuxtApp
Within composables, plugins and components you can access nuxtApp
with useNuxtApp
:
function useMyComposable () {
const nuxtApp = useNuxtApp()
// access runtime nuxt app instance
}
Plugins also receive nuxtApp
as the first argument for convenience. Read more about plugins.
::alert{icon=👉}
useNuxtApp
(on the server) only works during setup
, inside Nuxt plugins or Lifecycle Hooks
.
::
Providing helpers
You can provide helpers to be usable across all composables and application. This usually happens within a Nuxt plugin.
const nuxtApp = useNuxtApp()
nuxtApp.provide('hello', (name) => `Hello ${name}!`)
console.log(nuxtApp.$hello('name')) // Prints "Hello name!"
In Nuxt 2 plugins, this was referred to as inject function.
::alert{icon=👉}
It is possible to inject helpers by returning an object with a provide
key. See the plugins documentation for more information.
::