Error when attempting to utilize Maz-UI in conjunction with PrimeVue Tailwind CSS Unstyled.

[ali123plus]

Hi ,

Encountering an error when attempting to utilize Maz-UI in conjunction with PrimeVue Tailwind CSS Unstyled in Nuxt3 Application.

500

Cannot set property $dialog of #<Object> which has only a getter

at Object.use (./node\_modules/@vue/runtime-core/dist/runtime-core.cjs.js:3846:18)
at ./virtual:nuxt:%2Fhome%2Fuser%2Fprimevue-examples%2Fnuxt-unstyled-tailwind%2F.nuxt%2Fprimevue-plugin.mjs:22:8
at ./node\_modules/nuxt/dist/app/nuxt.js:142:60
at fn (./node\_modules/nuxt/dist/app/nuxt.js:224:44)
at Object.callAsync (./node\_modules/unctx/dist/index.mjs:68:55)
at ./node\_modules/nuxt/dist/app/nuxt.js:227:56
at Object.runWithContext (./node\_modules/@vue/runtime-core/dist/runtime-core.cjs.js:3977:18)
at callWithNuxt (./node\_modules/nuxt/dist/app/nuxt.js:227:24)
at ./node\_modules/nuxt/dist/app/nuxt.js:39:41

[LouisMazel]

Hi @ali123plus,

I think there is a conflict with both modules trying to assign their own logic on the $dialog property.

In the nuxt config you can disable the installation of the "dialog" plugin.

export default defineNuxtConfig({
  modules: ['maz-ui/nuxt'],
  mazUi: {
    injectUseDialog: false,
  },
})

Does this fix the bug?