According to the quickstart component has no styles

[niuheshui]

Code example

https://stackblitz.com/edit/vitejs-vite-ke89zgmd?file=vite.config.js,src%2Fmain.js,src%2Fstyle.css,src%2FApp.vue,index.html

[Sqrcz]

Hey @niuheshui!

I think that the only thing that the quick start guide is missing is the importing of styles.css in main.js... but your example is doing that... so I'm not sure why it's not styled properly.

Can you please pull this https://github.com/Sqrcz/flowbite-vue-quickstart and see if it works for you... and if it does... please try to compare with your example.

Thank you for your input!

[niuheshui]

@Sqrcz Thanks for your reply, after adding @import "tailwindcss"; in the first line of style.css, it worked.

[Sqrcz]

Good to hear that!

Do you think we need to update documentation?

[niuheshui]

I think it should be updated because I'm not very familiar with the working mechanism of tailwindcss, so I thought it was updating style.css from @import "tailwindcss"; to

/* import Flowbite Vue styles */
@import "flowbite-vue/index.css";

/* import Flowbite plugin */
@plugin "flowbite/plugin";

/* add Flowbite Vue directory using @source directive. */
@source "../node_modules/flowbite-vue";

I also believe that good documentation is a key factor in attracting developers.

With limited ability, I hope my suggestions are helpful to you.