Nuxt/1.features.md at 29a765081aeb9c7ebad71cdea31362e9c0fd6925

mirror of https://github.com/nuxt/nuxt.git synced 2024-11-11 16:43:55 +00:00

Daniel Roe f5676fba56 docs: switch features/future docs

2023-12-26 22:03:39 +00:00

1.5 KiB

Raw Blame History

title	description
Features	Enable or disable optional Nuxt features to unlock new possibilities.

Some features of Nuxt are available on an opt-in basis, or can be disabled based on your needs.

`features`

inlineStyles

Inlines styles when rendering HTML. This is currently available only when using Vite.

You can also pass a function that receives the path of a Vue component and returns a boolean indicating whether to inline the styles for that component.

export defineNuxtConfig({
  features: {
    inlineStyles: true // or a function to determine inlining
  }
})

noScripts

Disables rendering of Nuxt scripts and JS resource hints. Can also be configured granularly within routeRules.

export defineNuxtConfig({
  features: {
    noScripts: true
  }
})

`future`

There is also a future namespace for early opting-in to new features that will become default in a future (possibly major) version of the framework.

typescriptBundlerResolution

This enables 'Bundler' module resolution mode for TypeScript, which is the recommended setting for frameworks like Nuxt and Vite.

It improves type support when using modern libraries with exports.

See the original TypeScript pull request.

export defineNuxtConfig({
  future: {
    typescriptBundlerResolution: true
  }
})

1.5 KiB Raw Blame History

features