15 - useToggle

[geek4ctrl]

// your answers

<script setup lang='ts'> import { ref } from 'vue'; /** * Implement a composable function that toggles the state * Make the function work correctly */ function useToggle(toggleValue: boolean) { const initialToggleValue = ref(toggleValue); function toggleValueFunction() { initialToggleValue.value = !initialToggleValue.value } return [initialToggleValue, toggleValueFunction]; } const [state, toggle] = useToggle(false) </script>

State: {{ state ? 'ON' : 'OFF' }}

Toggle state