Vue 3 Essentials - Methods

SetupWithMethod.vue

<template>
  <div>Capacity: {{ capacity }}</div>
  <button @click="increaseCapacity">Increase Capacity</button>
</template>

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

export default {
  setup() {
    const capacity = ref(3);

    fucntion increaseCapacity() {
      capacity.value++;
    }

    return { capacity, increaseCapacity };
  },
}
</script>