Build an INSANELY easy Vue / Nuxt 3 UI library published on NPM in 3 minutes 🚀

preview_player
Показать описание

This is just an example of how easy it is to build and distribute Nuxt 3 components that could potentially be full-fledged UI libraries! If you liked the video, subscribe or like or let's talk about it below.

Рекомендации по теме
Комментарии
Автор

Cool! I plan to try this soon. Thanks.

offgridvince
Автор

Hello Kaizen, I thoroughly enjoy your video tutorials and learn a lot from them. PrimeVue fully released v4 today, could you please do a detailed tutorial on using PrimeVue v4 with Nuxt?

adolfusadams
Автор

Thanks for the video!

Any idea why components in the library that do not explicitly import defineComponent need to do so? Is there a way to have components in the library use these Nuxt globals too? I'm getting an error that defineComponent (also ref, computed etc) are undefined when used in the main site.

You don't see this problem because it looks like you're just using the template and no script. Thanks

michaelpumo
Автор

Hi ! Thanx a lot for this video, you solved one of my problems 👍
Do you know where we can find documentation on all the hooks accessible in defineNuxtModule like "components:dirs" that you used? I can't find any documentation talking about this particular one for example.

AntoineGUGLIELMI
Автор

The issue with this is that you can't use SCSS variables without defining them again in the project you're importing the library. If there were a way to compile the project into a .js or similar...

nxx.p
Автор

is it a good idea to npm nuxi init myApp. and then publish it to npm. or is this too verbose. im just trying to make a Very Opinionated package only for nuxt3.
maybe once ive created i can delete some stuff to strip it back?? or is it lightweight anyways?

danielwatson
Автор

How do you set the name, <kaizen-button></kaizen-button>, for the button component?

SmajkeTM
Автор

this is my face when I see this yeah boyy 🤣

benyaminbolhassani
Автор

Please make video this package with webpack

palach_