Викторина: Пустая страница
Эта страница должна показывать заказ из двух позиций и кнопку, которая добавляет третью. Но страница остаётся совершенно пустой, а консоль пишет:
TypeError: Cannot read properties of undefined (reading 'length')
Нажмите на строку с ошибкой.
1<script setup>
2import { ref } from "vue";
3
4const order = ref(["Эспрессо", "Морковный торт"]);
5
6function addToOrder(name) {
7 order.value.push(name);
8}
9</script>
10
11<template>
12 <h1>Кафе «Уголок»</h1>
13 <p class="order">Ваш заказ: {{ order.join(", ") }}</p>
14 <p class="count">Позиций: {{ order.value.length }}</p>
15 <button @click="addToOrder('Мятный чай')">Мятный чай</button>
16</template>