Kvíz: Prázdná nabídka
Nabídka má ukázat tři nápoje, ale položky jsou prázdné, v každé je jen Kč, a konzole hlásí [Vue warn]: Invalid prop: type check failed for prop "polozka". Expected Object, got String with value "polozka". Podívejte se i do PolozkaMenu.vue a pak klikněte na řádek s chybou v App.vue.
1<script setup>
2import PolozkaMenu from "./PolozkaMenu.vue";
3
4const nabidka = [
5 { id: 1, nazev: "Espresso", cena: 55 },
6 { id: 2, nazev: "Cappuccino", cena: 75 },
7 { id: 3, nazev: "Zelený čaj", cena: 60 },
8];
9</script>
10
11<template>
12 <h1>Kavárna Na Rohu</h1>
13 <ul class="nabidka">
14 <PolozkaMenu v-for="polozka in nabidka" :key="polozka.id" polozka="polozka" />
15 </ul>
16</template>