title: [Vue warn]: Error in beforeCreate hook: "ReferenceError: document is not defined"
body: <p>This might be a long shot, but I cannot figure out what is going wrong. Hopefully somebody can give me some directions.</p>
  
  <p>I am using the vue quick edit plugin : <a href="https://github.com/A1rPun/vue-quick-edit" rel="nofollow noreferrer">https://github.com/A1rPun/vue-quick-edit</a> in my Nuxt project.</p>
  
  <p>Sometimes I will get the error popped up: </p>
  
  <blockquote>
    <p>[Vue warn]: Error in beforeCreate hook: "ReferenceError: document is
    not defined"</p>
  </blockquote>
  
  <p>This seems to happen only the first time I load in the page (unconfirmed!), and afterwards it never happens again (using ctrl+F5, loading in incognito, trying in another browser, ...), it just never shows again and the library works perfectly. </p>
  
  <p>However, it got me hesitating on using the library, since i'm unsure where the error is coming from and if it might impact my end users.</p>
  
  <p>This is the component i created for using the inline editable field:</p>
  
  <pre><code>&lt;template&gt;
    &lt;quick-edit
      :aria-label="label"
      @input="updateValue"
    /&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import QuickEdit from 'vue-quick-edit'
  
  export default {
    components: { QuickEdit },
    props: {
      label: {
        type: String,
        required: true,
      },
    },
    methods: {
      updateValue (event) {
        // do something
      },
    },
  }
  &lt;/script&gt;
  
  &lt;style lang="scss" scoped&gt;
  
  &lt;/style&gt;
  </code></pre>