Данные из массива JSON не показывают при выборе в Alpine.js ⇐ Javascript

[Anonymous]

Я пытаюсь получить данные из (локального) файла JSON. У меня нет проблем с доступом к первым уровням данных в файле JSON (например, идентификатор, заголовок, ингредиенты в целом). Тем не менее, проблема возникает, когда я пытаюсь получить доступ/прочитать/приносить единые ингредиенты. Однако выход пуст. Я не получаю ошибок консоли.
html/alpine markup:





TEST




< /code>

файл JS: < /p>
const data = () => {
return {
data: {
recipies: [],
},
init() {
fetch('src/recipies.json')
.then((res) => {
return res.json();
})
.then((data) => {
this.data.recipies = Object.values(data)
});
},
};
};
< /code>

Файл json: < /p>
{
"aglioolio": {
"id": 1,
"title": "Aglio Olio + Chili",
"ingredients": ["Spaghetti", "Olive oil", "Garlic", "Chili"]
},
"tortellinisoup": {
"id": 2,
"title": "Tortellini Soup",
"ingredients": ["Tortellini", "Veggie Broth", "Chieves"]
}
}


Подробнее здесь: https://stackoverflow.com/questions/795 ... -alpine-js