Cannot read properties of undefined (reading '0')" при объявление через функцию в vue

Присваиваю в data переменную и затем обращаюсь к этой переменной ниже для получения определенного элемента из массива, но возвращается ошибка: Cannot read properties of undefined (reading '0'). Если смотреть в Dev Tools, то там undefined. Но если смотреть чистый переменную-массив(doughList) в DevTools без обращения к определенному элементу, то показывает массив, но если я хочу написать this.doughList[0].value. то падает ошибка выше. При этом в Nuxt такой вариант работает... И если объявить в data до return, то в последующем использовании все хорошо работает (пример если использовать normalizeSize переменную). Если делать через computed, то ошибка та же самая. Из json приходят обычный массив. Функция normalizeSizes() они немного изменяют массив и все.

import { dough, sizes, sauces, ingredients } from "@/static/pizza.json";

export default {
  name: "Index",
  components: {
    BuilderSizeSelector,
    BuilderIngredientsSelector,
    BuilderDoughSelector,
    BuilderPizzaView,
  },

  data() {
    const normalizeSize = normalizeSizes(sizes);
    const normalizeSauce = normalizeSauces(sauces);
    return {
      doughList: dough,
      sizeList: normalizeSize,
      sauceList: normalizeSauce,
      ingredientList: normalizeIngredients(ingredients),
      namePizza: "",
      currentDough: this.doughList[0].value,
      currentSize: normalizeSize[1].value,
      currentSauce: normalizeSauce[0].value,
    };
  },
}, ```

Ответы (0 шт):