Vite のネストされたディレクトリ Nuxt 3 の使用

Question

nuxt 3 ベータ版で vite のネストされたディレクトリを使用したいと考えています。

Nuxt 2 では、(nuxt.config.js) でこの設定を使用しましたが、機能しました:

リーリー

次のディレクトリ構成があります:

リーリー

しかし、<HeroSection/> を pages/index.vue に配置しようとすると、このエラーが発生します。

リーリー

nuxt 3 では機能しなくなり、追加の設定が必要になりますか?ドキュメントに関連するものが見つからないためです

ありがとう<3

Answer 1

ネストされたディレクトリを使用するには、コンポーネントにディレクトリ名を追加する必要があります:

リーリー

この動作により、複雑なコンポーネントの命名を簡素化できます:

リーリー

したがって、次のように使用できます

リーリー

ドキュメントの詳細については、こちらをご覧ください: https://v3.nuxtjs.org/guide/directory-struct/components#component-names