Nuxt 3のデフォルトでは、~/componentsディレクトリのみが自動でスキャンされ、自動インポートされる。この~/componentsディレクトリ内にサブディレクトリを作成して階層を掘っても、そのディレクトリは自動インポートの対象にならない。

~/componentsディレクトリ内のサブディレクトリも自動インポートの対象にするには、nuxt.config.tsに追加のディレクトリを記述する必要がある。 たとえば、~/components内にlayoutsディレクトリを作成した場合は、nuxt.config.tsに下記を追記する。

export default defineNuxtConfig({
  components: [
    { path: '~/components/layouts' },
    '~/components'
  ]
})

参考文献・URL

• components/ · Nuxt Directory Structure