Skip to content
Advertisement

How to add Quasar to an existing Nuxt app?

I want to install Quasar to my existing Nuxt project. I’ve been reading through the quasar docs and the only thing they mentioned in the installation page is their own CLI which has no option for Nuxt. I also came across the nuxt-quasar module but it not maintained anymore. Has anyone have any experience with this?

Advertisement

Answer


Current answer

⚠️⚠️⚠️⚠️⚠️
Just don’t do that, you will shoot yourself in the foot down the road, use the appropriate tool for the right purpose and keep it simple so that you can have something simple to debug, easily maintainable and performant.
More details on my thinking here (same page actually, just in a comment).
⚠️⚠️⚠️⚠️⚠️


Old answer

You can either following this github issue: https://github.com/NickHurst/nuxt-quasar/issues/15

Either ask on their forum: https://forum.quasar-framework.org/

But it looks like that Quasar is not actually aimed towards an integration inside of Nuxt because it’s doing it’s own thing.

You also could create a Vue app, add Quasar and then migrate it to Nuxt. Cumbersome but doable IMO. But one thing is sure, this is not a common usage looking at the non-existence of this use-case.

You can maybe also ask Bence Szalai: https://github.com/NickHurst/nuxt-quasar/issues/7#issuecomment-683255301
His twitter DMs are open.

Lastly, you can still try the Nuxt module and see how it goes. There are maybe not a lot of updates on the project. Or the CDN way but yeah…CDN.


Anyway, I don’t see the point of it since it’s doing pretty much what Nuxt is doing.
You could just use the components via Vuetify if this is what you’re looking for.

User contributions licensed under: CC BY-SA
10 People found this is helpful
Advertisement