title: Register Quill in Nuxt with image resize module
body: <p>Here in my Nuxt project I am using <a href="https://www.npmjs.com/package/vue2-editor" rel="nofollow noreferrer">vue2-editor</a> and <a href="https://www.npmjs.com/package/quill" rel="nofollow noreferrer">Quill</a> along with <a href="https://www.npmjs.com/package/quill-image-resize-module" rel="nofollow noreferrer">quill-image-resize-module</a>.
  I am able to use the vue-editor but don't know to use the Quill. When I import the Quill it says document is not defined.
  Here is my code.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;div&gt;
      &lt;client-only&gt; &lt;vue-editor class=&quot;editor&quot; v-model=&quot;arr['desc']&quot;  /&gt;&lt;/client-only&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  let VueEditor
  if (process.client) {
    VueEditor = require('vue2-editor').VueEditor
  }
  import Quill from &quot;quill&quot;
  window.Quill = Quill
  const ImageResize = require(&quot;quill-image-resize-module&quot;).default
  Quill.register(&quot;modules/imageResize&quot;, ImageResize)
  export default {
    data() {
      return {
        arr: {},
      }
    },
    components: { VueEditor },
   
  }
  &lt;/script&gt;
  </code></pre>
  <p>My dependencies</p>
  <pre class="lang-json prettyprint-override"><code>&quot;dependencies&quot;: {
    &quot;nuxt&quot;: &quot;^2.15.7&quot;,
    &quot;nuxt-buefy&quot;: &quot;^0.4.13&quot;,
    &quot;quill&quot;: &quot;^1.3.7&quot;,
    &quot;quill-image-resize-module&quot;: &quot;^3.0.0&quot;,
    &quot;vue2-editor&quot;: &quot;^2.10.3&quot;,
    &quot;vuexfire&quot;: &quot;^3.2.5&quot;
  },
  </code></pre>