Skip to content

15 - useToggle #2176

Open
Open
@cn-2k

Description

@cn-2k
<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>

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions