17 - useCounter

[geek4ctrl]

// your answers

<script setup lang='ts'> import { ref } from 'vue'; interface UseCounterOptions { min?: number max?: number } /** * Implement the composable function * Make sure the function works correctly */ function useCounter(initialValue = 0, options: UseCounterOptions = {}) { const count = ref(initialValue); function inc(): number { count.value < options.max ? count.value++ : count.value return count.value; } function dec(): number { count.value > options.min ? count.value-- : count.value return count.value; } function reset(): number { count.value = 0; return count.value; } return { count, inc, dec, reset} } const { count, inc, dec, reset } = useCounter(0, { min: 0, max: 10 }) </script>

Count: {{ count }}

inc dec reset