«В Nuxt 3 оказывается появилась оооочень крутая фича для любителей делить проекты на библиотеки компонентов. Теперь в самой библиотеке компонентов создаём файлик nuxt.js в котором указываем откуда подхватывать компоненты:

import { defineNuxtModule } from '@nuxt/kit'
import { fileURLToPath } from 'node:url'

export default defineNuxtModule({
hooks: {
'components:dirs'(dirs) {
// Add ./components dir to the list
dirs.push({
path: fileURLToPath(new URL('./components', import.meta.url)),
prefix: 'awesome'
})
}
}
})

Затем устанавливаем её в проект с Nuxt 3 и добавляем её в nuxt.config.js в качестве модуля:

export default {
modules: ['awesome-ui/nuxt']
}

И всё, теперь Nuxt сам заберёт нужные компоненты и подтянет их, ещё и IDE подсветит, ещё и импорт доабвит вот такой:
import { AwesomeComponent } from "#components";

Очень мощная штука, а главное удобная, подробнее в документации»

#tips #nuxt3

---

PS: Заметку написал и предложил Душный Вуй

Nuxt v3.0.0-rc.7

https://github.com/nuxt/framework/pull/6375

PS: Отследил релиз Душный Вуй

«Next.js vs NuxtJS: a comparison of two powerhouses»

https://blog.openreplay.com/next-js-vs-nuxtjs-a-comparison-of-two-powerhouses

#article

---

PS: Статью предложил Душный Вуй