Vue.js: How do you use Composition API?

1// composables/useCounter.ts
2import { ref } from "vue"
3
4export function useCounter(initial = 0) {
5  const count = ref(initial)
6  const increment = () => count.value++
7  const decrement = () => count.value--
8
9  return { count, increment, decrement }
10}

1<script setup>
2import { useCounter } from "@/composables/useCounter"
3
4const { count, increment } = useCounter(10)
5</script>