Vue可组合函数useToggle

 编写一个可组合函数useToggle

<script setup lang='ts'>
import {ref,Ref} from 'vue'

/**
 * 实现一个切换状态的可组合函数
 * 确保该功能正常工作
*/
function useToggle(val:boolean):[state:Ref, toggle:()=>void] {
  const state = ref(val)
  const toggle = ()=>{
    state.value = !state.value
  }
  return [state, toggle]
}

const [state, toggle] = useToggle(false)

</script>

<template>
  <p>State: {{ state ? 'ON' : 'OFF' }}</p>
  <p @click="toggle">
    Toggle state
  </p>
</template>