title: [Vue warn]: Property "$store" was accessed during render but is not defined on instance
body: <p>Im newbie and making project of online-shop.
  And i got two errors which I can't fix in any way:</p>
  <p>1)[Vue warn]: Property &quot;$store&quot; was accessed during render but is not defined on instance.</p>
  <p>2)Uncaught TypeError: Cannot read properties of undefined (reading 'state')</p>
  <p>Store.js</p>
  <pre><code>import { createStore } from 'vuex'
  import axios from &quot;axios&quot;;
  
   const store = createStore({
      state:{
          products:[]
      },
      mutations:{
          SET_PRODUCTS_TO_STATE:(state,products)=&gt;{
              state.products = products;
          }
      },
      actions:{
          GET_PRODUCTS_FROM_API({commit}) {
              return axios('http://localhost:3000/products',{
                  method:&quot;GET&quot;
              })
                  .then((products) =&gt;{
                  commit('SET_PRODUCTS_TO_STATE',products.data);
                  return products;
              })
                  .catch((error)=&gt;{
                      console.log(error)
                      return error;
                  })
          }
      },
      getters:{
          PRODUCTS(state){
              return state.products;
          }
      }
  
  });
  export default store;
  </code></pre>
  <p>v-cataloge.vue</p>
  <pre><code>&lt;template&gt;
    &lt;div class = 'v-catalog'&gt;
    &lt;h1&gt;Catalog&lt;/h1&gt;
  &lt;div class =&quot;v-catalog__list&quot;&gt;
    &lt;v-catalog-item
    v-for=&quot;product in this.$store.state.products&quot;
    :key=&quot;product.article&quot;
    v-bind:product_data=&quot;product&quot;
    @sendArticle=&quot;showChildArticleInConsole&quot;
    /&gt;
  &lt;/div&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  <p>repository:<a href="https://github.com/BIGBASEDFLOPPA/Project1" rel="nofollow noreferrer">https://github.com/BIGBASEDFLOPPA/Project1</a></p>