title: Data Object unable to summation inside the computed properties in VUE js 3
body: <p>Let see the following code segment in vue.js 3,</p>
  <pre><code>&lt;template&gt;
    &lt;div&gt;
          &lt;h2&gt;Computed Total - {{getPrice()}}&lt;/h2&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
      name: &quot;ComputedProperties&quot;,
      data(){
          return{
              items: [
                  {
                      id: 1,
                      title: 'TV',
                      price: 100,
                  },
                  {
                      id: 2,
                      title: 'Phone',
                      price: 200,
                  },
                  {
                      id: 3,
                      title: 'Laptop',
                      price: 300
                  }
              ]
          }
      },
      computed: {
          getPrice(){
              return items.reduce((total, curr) =&gt; (total = total + curr.price), 0)
          }
      }
  }
  &lt;/script&gt;
  </code></pre>
  <p>After run this code it is showing, <code>error  'items' is not defined  no-undef</code>
  As we know that computed property doesn't need to declarer any argument. Then what's wrong with the code?</p>