The globalName Property

Nuxt.js lets you customize the global ID used in the main HTML template as well as the main Vue instance name and other options.

  • Type: Object
  • Default: nuxt

Example:

nuxt.config.js

{
  globalName: 'myCustomName'
}

It needs to be a valid JavaScript identifier.

The globals property

Customizes specific global names which are based on globalName by default.

  • Type: Object
  • Default:
{
  id: globalName => `__${globalName}`,
  nuxt: globalName => `$${globalName}`,
  context: globalName => `__${globalName.toUpperCase()}__`,
  pluginPrefix: globalName => globalName,
  readyCallback: globalName => `on${_.capitalize(globalName)}Ready`,
  loadedCallback: globalName => `_on${_.capitalize(globalName)}Loaded`
},

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!