From e1c28a26c75a86b8c2790480bb8dadf37ad2ff12 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 10 Oct 2022 20:23:57 +0200
Subject: [PATCH] chore: add changeset

---
 .changeset/six-dogs-return.md | 60 +++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 .changeset/six-dogs-return.md

diff --git a/.changeset/six-dogs-return.md b/.changeset/six-dogs-return.md
new file mode 100644
index 00000000..431b0450
--- /dev/null
+++ b/.changeset/six-dogs-return.md
@@ -0,0 +1,60 @@
+---
+'@vue-flow/core': patch
+---
+
+# What's changed?
+
+- Simplify `useHandle` usage
+- Pass props to the composable as possible refs
+  - Still returns onClick & onMouseDown handlers but only expects mouse event now
+
+Before: 
+```vue
+<script lang="ts" setup>
+import { useHandle, NodeId } from '@vue-flow/core'
+
+const nodeId = inject(NodeId)
+
+const handleId = 'my-handle'
+
+const type = 'source'
+
+const isValidConnection = () => true
+
+const { onMouseDown } = useHandle()
+
+const onMouseDownHandler = (event: MouseEvent) => {
+  onMouseDown(event, handleId, nodeId, type === 'target', isValidConnection, undefined)
+}
+</script>
+
+<template>
+  <div @mousedown="onMouseDownHandler" />
+</template>
+```
+
+After: 
+```vue
+<script lang="ts" setup>
+import { useHandle, useNode } from '@vue-flow/core'
+
+const { nodeId } = useNode()
+
+const handleId = 'my-handle'
+
+const type = 'source'
+
+const isValidConnection = () => true
+
+const { onMouseDown } = useHandle({
+  nodeId,
+  handleId,
+  isValidConnection,
+  type,
+})
+</script>
+
+<template> 
+  <div @mousedown="onMouseDown" />
+</template>
+```