Open
Description
<script setup lang='ts'>
import { ref } from 'vue'
/**
* Implement a composable function that toggles the state
* Make the function work correctly
*/
function useToggle() {
const state = ref(false)
const toggle = () => {
state.value = !state.value
}
return {
state,
toggle
}
}
const { state, toggle } = useToggle()
</script>
<template>
<p>State: {{ state ? 'ON' : 'OFF' }}</p>
<p @click="toggle">
Toggle state
</p>
</template>