From 87bdf8575c253161f428bebc785e88c8f16c7a76 Mon Sep 17 00:00:00 2001
From: "Yuichiro Tachibana (Tsuchiya)" <t.yic.yt@gmail.com>
Date: Mon, 3 Mar 2025 23:49:35 +0800
Subject: [PATCH 1/3] Add sample of contents on the arrows

---
 slides.md | 43 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)

diff --git a/slides.md b/slides.md
index b2389a0..e0d87ae 100644
--- a/slides.md
+++ b/slides.md
@@ -261,6 +261,49 @@ Use `pos1` and `pos2` to specify the anchor point on the snapped elements.
 
 </div>
 
+---
+
+# Content on the arrow
+
+<FancyArrow x1="100" y1="100" x2="200" y2="200" >
+    Hello
+</FancyArrow>
+
+<FancyArrow x1="200" y1="100" x2="300" y2="200" arc="0.3">
+    Ahoy
+</FancyArrow>
+
+<FancyArrow x1="300" y1="100" x2="400" y2="200" arc="0.3">
+    <span text-4xl text-red>Hello</span>
+</FancyArrow>
+
+<FancyArrow x1="400" y1="100" x2="500" y2="200" arc="0.3">
+    <span text-nowrap>Slidev logo</span>
+    <img src="https://sli.dev/logo.svg" w-10 m-auto/>
+</FancyArrow>
+
+<div mt-40>
+
+```html
+<FancyArrow x1="100" y1="100" x2="200" y2="200" >
+    Hello
+</FancyArrow>
+
+<FancyArrow x1="200" y1="100" x2="300" y2="200" arc="0.3">
+    Ahoy
+</FancyArrow>
+
+<FancyArrow x1="300" y1="100" x2="400" y2="200" arc="0.3">
+    <span text-4xl text-red>Hello</span>
+</FancyArrow>
+
+<FancyArrow x1="400" y1="100" x2="500" y2="200" arc="0.3">
+    <span text-nowrap>Slidev logo</span>
+    <img src="https://sli.dev/logo.svg" w-10 m-auto/>
+</FancyArrow>
+```
+
+</div>
 
 ---
 

From 354c07dafe4c905719d4301413edbeb9b0e0fc9a Mon Sep 17 00:00:00 2001
From: "Yuichiro Tachibana (Tsuchiya)" <t.yic.yt@gmail.com>
Date: Mon, 3 Mar 2025 23:50:01 +0800
Subject: [PATCH 2/3] Fix straight arrows to show the child contents

---
 components/use-rough-arrow.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/components/use-rough-arrow.ts b/components/use-rough-arrow.ts
index 9946f77..914f750 100644
--- a/components/use-rough-arrow.ts
+++ b/components/use-rough-arrow.ts
@@ -107,6 +107,10 @@ export function useRoughArrow(props: {
         angle1: angle,
         angle2: angle,
         lineLength: Math.hypot(point2.x - point1.x, point2.y - point1.y),
+        arcMid: {
+          x: (point1.x + point2.x) / 2,
+          y: (point1.y + point2.y) / 2,
+        },
       };
     }
 

From 30c35ca1b9d1e48c0cbf54cc7c68677d9d6d6f95 Mon Sep 17 00:00:00 2001
From: "Yuichiro Tachibana (Tsuchiya)" <t.yic.yt@gmail.com>
Date: Mon, 3 Mar 2025 23:50:36 +0800
Subject: [PATCH 3/3] Add changeset

---
 .changeset/witty-seals-punch.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/witty-seals-punch.md

diff --git a/.changeset/witty-seals-punch.md b/.changeset/witty-seals-punch.md
new file mode 100644
index 0000000..bf4d292
--- /dev/null
+++ b/.changeset/witty-seals-punch.md
@@ -0,0 +1,5 @@
+---
+"slidev-addon-fancy-arrow": patch
+---
+
+Fix to display the contents on straight arrows