Back to Vueuse

useDrauu

packages/integrations/useDrauu/index.md

14.3.0494 B
Original Source

useDrauu

Reactive instance for drauu.

Install

bash
npm i drauu@^0

Usage

vue
<script setup lang="ts">
import { toRefs } from '@vueuse/core'
import { useDrauu } from '@vueuse/integrations/useDrauu'
import { useTemplateRef } from 'vue'

const target = useTemplateRef('target')
const { undo, redo, canUndo, canRedo, brush } = useDrauu(target)
const { color, size } = toRefs(brush)
</script>

<template>
  <svg ref="target" />
</template>