vue-quill-editor with nuxt 3

[Marshumov]

I can't get it to work in any way vue-quill-editor with nuxt 3.
Maybe there is some solution?

Code:

1. plugin quill.client.js
   import { defineNuxtPlugin } from '#app'
   import VueQuillEditor from 'vue-quill-editor'

export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.vueApp.use(VueQuillEditor)
})

2. in page:

<script setup lang="ts"> const { $VueQuillEditor } = useNuxtApp() </script> <script lang="ts"> export default { data () { return { content: '

I am Example

', ....... other options and mounted()...... Errors: 1) in the browser: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'quill') 2) in node js Failed to resolve component: quill-editor If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

[hajime9652]

I have same issue.

[anirudhmaddy]

+1

[Alexandra536]

same

[beocaca]

help please

[vanngoczta]

help please

[vanngoczta]

I solved it.
In nuxt.config.ts
ssr: false // Disable Server Side rendering

[ichsanputr]

You can use options api rather than composition.

Here my code and this work either use ssr or csr.

<script>
import { QuillEditor } from '@vueup/vue-quill';
import '@vueup/vue-quill/dist/vue-quill.snow.css';

export default {
    components: {
        QuillEditor
    },
}
</script>

Don't forget to register your component if you'are using options api, and wrap the component with <ClientOnly> or naming the component like this NameComponent.client.vue