Can it be used with Nuxt 3?

[tuffkidd]

Hello!
I'm planning to purchase Apollo Layout, but I'm currently working on a project based on Nuxt 3.
Can it be used with Nuxt 3?

[tugce.kucukoglu]

Hello!

You can use Apollo with Nuxt 3.

[tuffkidd]

Hello!

You can use Apollo with Nuxt 3.

I got it. thank you.

[wirelix]

Can you explain how we can use apollo with nuxt3? it is not for vite.

[furkansezis]

Migrating from Apollo in Vite to Nuxt involves a few steps. First, create a new Nuxt 3 project by following Nuxt's installation guide. Then, manually replicate the folders from your Apollo in Vite project to the new Nuxt 3 project, ensuring they are adapted to fit Nuxt 3's structure. Additionally, make sure to add the 'primevue', 'primeflex', and 'primeicons' packages to your project's 'package.json' file, as these are essential dependencies for the PrimeVue components
if you have any further questions or need assistance, we are here to help.

[wirelix]

Thanks.

Can you explain how to avoid using the router.options file if possible?

And if SSR is enabled, it will break, like getcomputedstyle() not working. Any hint on best way to proceed?

[furkansezis]

Thanks.

Can you explain how to avoid using the router.options file if possible?

And if SSR is enabled, it will break, like getcomputedstyle() not working. Any hint on best way to proceed?

Hi,
You can configure routing using Nuxt's built-in pages directory structure. For SSR issues with functions like getComputedStyle(), ensure client-side execution by placing the code within the mounted hook, wrapped in this.$nextTick().