إعادة استخدام منطق الحالة بإستخدام Composable

<script setup>
import { ref } from "vue";
function useCounter() {
  const count = ref(0);
  const increment = () => count.value++;
  return { count, increment };
}
const { count, increment } = useCounter();
</script>

<template>
<button @click="increment">{{ count }}</button>
</template>