Игорь

Автору сюда

Что-нибуть слышали про делегирование событий?
С Вашего позволения, я процитирую пару строк из учебника...

Он заключается в том, что если у нас есть много элементов, события на которых нужно обрабатывать похожим образом, то вместо того, чтобы назначать обработчик каждому – мы ставим один обработчик на их общего предка. Из него можно получить целевой элемент event.target, понять на каком именно потомке произошло событие и обработать его.

Это как раз, то что нужно автору.

Такс, решение выступает "emit"

в дочернем элементе

this.$parent.$emit("on-main-menu-select-item", {item})

В родительском

this.$on("on-main-menu-select-item", ({item}) => {
                    console.debug(item)
                })

Вот такой вариант тоже рабтает

export default {
        name: "CardRows",
        components: {Card},
        props: {
            items: [],
            OnClickItem: Function
        },

        methods: {
        

            itemClick({id, name}){
                if (typeof this.OnClickItem === "function"){
                    this.OnClickItem({id, name})
                }
            }
        }
    }

При создании объектов обращаем внимание на цикл жизни приложения

Например ваша ошибка говорит о том что объекта ещё не существует Но вы вызывайте его методы / свойства

Всё из за окружения.

nuxtServerInit не предназначен для загрузки данных, тем более в компонент Page

AsyncData сольётся с data в странице (page)

fetch - как раз для загрузки, то что вам нужно

Антон Антон, вы не правы, если выполнить get запрос, то браузер тоже шлёт OPTIONS

foreach ($array as $key => $value) {
    
}