title: [Vue warn]: Property or method "maximum" is not defined on the instance but referenced during render
body: <p>My component:</p>
  <pre><code>Vue.component(&quot;product-list&quot;, {
    props: [&quot;products&quot;, &quot;maximum-price&quot;],
    template: `
      &lt;div&gt;
        &lt;div class=&quot;row d-flex mb-3 align-items-center p-3 rounded-3 animate__animated animate__fadeInLeft&quot; v-for=&quot;(item, index) in products&quot; :key=&quot;index&quot; v-if=&quot;item.price &lt;= Number(maximum-price)&quot; style=&quot;background-color: #e3e3e3&quot;&gt;
          &lt;!-- Col-1 --&gt;
          &lt;div class=&quot;col-1&quot;&gt;
            &lt;button class=&quot;btn btn-warning&quot; @click=&quot;addItem(item)&quot;&gt;Beli&lt;/button&gt;
          &lt;/div&gt;
  
          &lt;!-- Col-2 --&gt;
          &lt;div class=&quot;col-sm-4&quot;&gt;
            &lt;img :src=&quot;item.image&quot; :alt=&quot;item.name&quot; class=&quot;img-fluid d-block&quot; /&gt;
          &lt;/div&gt;
  
          &lt;!-- Col-3 --&gt;
          &lt;div class=&quot;col&quot;&gt;
            &lt;h3 class=&quot;text-info&quot;&gt;{{ item.name }}&lt;/h3&gt;
            &lt;p class=&quot;mb-0&quot;&gt;{{ item.description }}&lt;/p&gt;
            &lt;div class=&quot;h5 float-end&quot;&gt;
              &lt;price-card :prefix=&quot;'$'&quot; :value=&quot;item.price&quot; :precision=&quot;3&quot;&gt;&lt;/price-card&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    `,
  });
  </code></pre>
  <p>It create on js file, then i call it on html file like:</p>
  <pre><code>&lt;product-list :products=&quot;products&quot; :maximum-price=&quot;maximumPrice&quot;&gt;&lt;/product-list&gt;
  </code></pre>
  <p>products value are object-array, maximumPrice are 25 (integer), price-card component in my product-list component just show the value of item.</p>
  <p>What should i do for solve this?</p>