[[Nuxt3]]で[[Auto-imports (Nuxt)|Auto-imports]]を無効にする方法。[[Auto-imports (Nuxt)|Auto-imports]]は`components`とそれ以外に分かれているため、対処方法は異なる。
## `components`の場合
`components.dir: []`を指定する。
`nuxt.config.ts`
```ts
export default defineNuxtConfig({
components: {
dirs: []
}
})
```
> To disable auto-importing components from your own ~/components directory, you can set components.dirs to an empty array (though note that this will not affect components added by modules).
> *[Auto\-imports · Nuxt > Auto-imported Components](https://nuxt.com/docs/guide/concepts/auto-imports#auto-imported-components)*
`components.d.ts`からも定義が消える。
## `components`以外の場合
`imports.autoImport: false`を指定する。
`nuxt.config.ts`
```ts
export default defineNuxtConfig({
imports: {
autoImport: false
}
})
```
> If you want to disable auto-importing composables and utilities, you can set imports.autoImport to false in the nuxt.config file.
> *[Auto-imports · Nuxt > Disabling Auto-imports](https://nuxt.com/docs/guide/concepts/auto-imports#disabling-auto-imports) *
`imports.d.ts`には定義が残る。`import {...} from "#import"`は可能。
### プロジェクトディレクトリだけ無効にしたい場合
`composables`や`utils`の[[Auto-imports (Nuxt)|Auto-imports]]は無効にしたいが、`computed`のように`vue`が提供する[[Auto-imports (Nuxt)|Auto-imports]]は利用したいケース。
`imports.scan: false`を設定する。
`nuxt.config.ts`
```ts
export default defineNuxtConfig({
imports: { scan: false },
});
```
> [!attention]
>
> `imports.dirs: []` では `composables`の[[Auto-imports (Nuxt)|Auto-imports]]は有効なままだった。恐らく、デフォルトのディレクトリに追記する効果があるだけで、上書きはしなそう。
>
> ```ts
> export default defineNuxtConfig({
> imports: { dirs: [] },
> });
> ```