Как вывести определенные данные из запроса?

Есть компонент foodsection (секции: пицца, пироги, суши и т.п.) в котором отображаются товары. item - товар, который выводится в foodsection, в зависимости от того, к какой секции он относится. axios запросом из API я получаю данные которые хранятся в виде: products: {'Пицца':[{ товар 1}, {товар 2}],'Пироги':[{товар 3},{товар 4}],...}. До этого - сам создавал fake api где хранил массив объектов items: [{товар1},{товар2}...]. Вопросов не было, так как получал массив только из товаров (но в каждую секцию я выводил одинаковые товары) Получал этот массив и выводил в компонент foodsection:

  <item v-for="item in this.$store.state" :key="item.id"
      :item_data="item"
      @addToCart="addToCart"
  ></item>

сам компонент item:

  <div class="item_description">
    <div class="item_title"><h4>{{item_data.title}}</h4></div>
    <div class="item_bju">{{item_data.utility}}</div>
    <div class="item_desc">{{item_data.description}}</div>
    <div class="item_price">{{item_data.price}} ₽</div>
  </div>

Как теперь вывести определенные товары в соответствующую секцию?