title: VueJS | Method "watch" has type "object" in the component definition
body: <p>Currently I have following Watches in <code>Product.vue</code> file</p>
  <pre><code>watch: {
      isOnline: {
        async handler (isOnline) {
          if (isOnline) {
            const maxQuantity = await this.getQuantity();
            this.maxQuantity = maxQuantity;
          }
        }
      },
      isMicrocartOpen: {
        async handler (isOpen) {
          if (isOpen) {
            const maxQuantity = await this.getQuantity();
            this.maxQuantity = maxQuantity;
          }
        },
        immediate: true
      },
      isSample (curr, old) {
        if (curr !== old) {
          if (!curr) {
            console.log('send the updateCall', curr);
            // this.updateProductQty(this.product.qty);
            pullCartSync(this);
          }
        }
      }
    }
  </code></pre>
  <p>but I am getting this following error (Vue Warn) in console</p>
  <blockquote>
  <p>[Vue warn]: Method &quot;watch&quot; has type &quot;object&quot; in the component definition. Did you reference the function correctly?</p>
  </blockquote>
  <p><a href="https://i.stack.imgur.com/vLdrk.png" rel="noreferrer"><img src="https://i.stack.imgur.com/vLdrk.png" alt="enter image description here" /></a></p>
  <p>I'm not sure why i am getting this error, as the syntax i am using seems to be correct, and its even functioning right.</p>
  <p>Any suggestions why its giving this warning in error console?</p>
  <hr />
  <p><strong>Update:</strong></p>
  <p>Location where i have used the watch in vue page.</p>
  <p><a href="https://i.stack.imgur.com/MUrr8.png" rel="noreferrer"><img src="https://i.stack.imgur.com/MUrr8.png" alt="enter image description here" /></a></p>