1<template>
2 <div class="button-area">
3 <button @click="counter--" class="dec-button">-</button>
4 {{ counter }}
5 <button @click="counter++" class="inc-button">+</button>
6 </div>
7</template>
8
9<script>
10export default {
11 name: "Counter",
12 data() {
13 return {
14 counter: 0,
15 };
16 },
17};
18</script>