Nuxt のいくつかの機能はオプトインベースで利用可能であり、必要に応じて無効にすることもできます。

features

inlineStyles

HTML をレンダリングする際にスタイルをインライン化します。これは現在、Vite を使用している場合にのみ利用可能です。

Vue コンポーネントのパスを受け取り、そのコンポーネントのスタイルをインライン化するかどうかを示すブール値を返す関数を渡すこともできます。

export default defineNuxtConfig({
  features: {
    inlineStyles: false // またはインライン化を決定する関数
  }
})

noScripts

Nuxt スクリプトと JS リソースヒントのレンダリングを無効にします。routeRules 内で細かく設定することもできます。

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

future

将来の（おそらくメジャーな）バージョンでデフォルトになる新機能を早期にオプトインするための future 名前空間もあります。

compatibilityVersion

これは、Nuxt の機能やフラグへの早期アクセスを有効にするために使用されます。

Nuxt 4 ではまだ設定できませんが、v5 のための破壊的変更をマージし始めたら、有効にすることが可能になります。

typescriptBundlerResolution

これは TypeScript の 'Bundler' モジュール解決モードを有効にします。これは Nuxt や Vite のようなフレームワークに推奨される設定です。

exports を使用する現代的なライブラリを使用する際の型サポートを向上させます。

オリジナルの TypeScript プルリクエストを参照してください。

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