Kvíz: Prázdná stránka

Tahle stránka má ukázat objednávku se dvěma položkami a tlačítko, které přidá třetí. Stránka ale zůstane úplně prázdná a konzole hlásí:

TypeError: Cannot read properties of undefined (reading 'length')

Klikněte na řádek s chybou.

<script setup>
import { ref } from "vue";

const objednavka = ref(["Espresso", "Mrkvový dort"]);

function pridejDoObjednavky(nazev) {
    objednavka.value.push(nazev);
}
</script>

<template>
    <h1>Kavárna Na Rohu</h1>
    <p class="objednavka">Vaše objednávka: {{ objednavka.join(", ") }}</p>
    <p class="pocet">Položek: {{ objednavka.value.length }}</p>
    <button @click="pridejDoObjednavky('Mátový čaj')">Mátový čaj</button>
</template>
ZpětDalší