title: Missing required prop: "id" at <AddProduct> - Laravel / Vue
body: <p>i want to pass a value from laravel blade to a Vue Component:</p>
  <p>my Laravel blade:</p>
  <pre><code>&lt;div id=&quot;add_product&quot;&gt;
     &lt;add-product :id=&quot;{{$product_id}}&quot;&gt;&lt;/add-product&gt;
  &lt;/div&gt;
  </code></pre>
  <p>my vue component:</p>
  <pre><code>export default {
      props:{
          id:{
              required : true
          }
      },
      mounted() {
          console.log(this.id)
      },
  }
  </code></pre>
  <p>the problem is that i get this error :</p>
  <blockquote>
  <p>Missing required prop: &quot;id&quot; at AddProduct</p>
  </blockquote>
  <p>it took me 4hours trying to find out the problem, hope you can help.</p>
  <p>The Repo:
  <a href="https://github.com/SimodevStuff/shopify-add-product-clone" rel="nofollow noreferrer">https://github.com/SimodevStuff/shopify-add-product-clone</a></p>
  <p>Edited:</p>
  <p><a href="https://i.stack.imgur.com/JUYx1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JUYx1.png" alt="enter image description here" /></a></p>