Kvíz: Kasička se nehýbe

Každé kliknutí na tlačítko má do kasičky přidat 10 Kč, stránka ale pořád ukazuje 0 Kč a po každém kliknutí se v konzoli objeví:

TypeError: Assignment to constant variable.

Klikněte na řádek s chybou.

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

const spropitne = ref(0);

function pridejSpropitne() {
    spropitne += 10;
}
</script>

<template>
    <h1>Kavárna Na Rohu</h1>
    <p class="kasicka">Kasička: {{ spropitne }} Kč</p>
    <button @click="pridejSpropitne">Nechat 10 Kč</button>
</template>