From 36932220168b399f6f936c10714d5888f9c1c37a Mon Sep 17 00:00:00 2001
From: xzadudu179 <terra179@163.com>
Date: Thu, 28 Aug 2025 18:12:05 +0800
Subject: [PATCH 1/5] fix: issue#84

---
 .../Animations/TargetCursor/TargetCursor.vue  | 28 +++++++------------
 1 file changed, 10 insertions(+), 18 deletions(-)

diff --git a/src/content/Animations/TargetCursor/TargetCursor.vue b/src/content/Animations/TargetCursor/TargetCursor.vue
index 72326b5..168cc40 100644
--- a/src/content/Animations/TargetCursor/TargetCursor.vue
+++ b/src/content/Animations/TargetCursor/TargetCursor.vue
@@ -35,7 +35,7 @@ const moveCursor = (x: number, y: number) => {
   });
 };
 
-let cleanupAnimation: () => void = () => {};
+let cleanupAnimation: () => void = () => { };
 
 const setupAnimation = () => {
   if (!cursorRef.value) return;
@@ -116,7 +116,7 @@ const setupAnimation = () => {
 
     activeTarget = target;
 
-    gsap.killTweensOf(cursorRef.value, 'rotation');
+    gsap.killTweensOf(cursorRef.value);
     spinTl.value?.pause();
 
     gsap.set(cursorRef.value, { rotation: 0 });
@@ -336,30 +336,22 @@ watch(
 </script>
 
 <template>
-  <div
-    ref="cursorRef"
+  <div ref="cursorRef"
     class="top-0 left-0 z-[9999] fixed w-0 h-0 -translate-x-1/2 -translate-y-1/2 pointer-events-none mix-blend-difference transform opacity-0"
-    :style="{ willChange: 'transform' }"
-  >
-    <div
-      class="top-1/2 left-1/2 absolute bg-white rounded-full w-1 h-1 -translate-x-1/2 -translate-y-1/2 transform"
-      :style="{ willChange: 'transform' }"
-    />
+    :style="{ willChange: 'transform' }">
+    <div class="top-1/2 left-1/2 absolute bg-white rounded-full w-1 h-1 -translate-x-1/2 -translate-y-1/2 transform"
+      :style="{ willChange: 'transform' }" />
     <div
       class="top-1/2 left-1/2 absolute border-[3px] border-white border-r-0 border-b-0 w-3 h-3 -translate-x-[150%] -translate-y-[150%] target-cursor-corner transform"
-      :style="{ willChange: 'transform' }"
-    />
+      :style="{ willChange: 'transform' }" />
     <div
       class="top-1/2 left-1/2 absolute border-[3px] border-white border-b-0 border-l-0 w-3 h-3 -translate-y-[150%] translate-x-1/2 target-cursor-corner transform"
-      :style="{ willChange: 'transform' }"
-    />
+      :style="{ willChange: 'transform' }" />
     <div
       class="top-1/2 left-1/2 absolute border-[3px] border-white border-t-0 border-l-0 w-3 h-3 translate-x-1/2 translate-y-1/2 target-cursor-corner transform"
-      :style="{ willChange: 'transform' }"
-    />
+      :style="{ willChange: 'transform' }" />
     <div
       class="top-1/2 left-1/2 absolute border-[3px] border-white border-t-0 border-r-0 w-3 h-3 -translate-x-[150%] translate-y-1/2 target-cursor-corner transform"
-      :style="{ willChange: 'transform' }"
-    />
+      :style="{ willChange: 'transform' }" />
   </div>
 </template>

From 89146978b72ef3b16d72be83f96e75fe53620972 Mon Sep 17 00:00:00 2001
From: xzadudu179 <terra179@163.com>
Date: Thu, 28 Aug 2025 18:15:26 +0800
Subject: [PATCH 2/5] undo formatting

---
 .../Animations/TargetCursor/TargetCursor.vue  | 26 ++++++++++++-------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/content/Animations/TargetCursor/TargetCursor.vue b/src/content/Animations/TargetCursor/TargetCursor.vue
index 168cc40..9280c88 100644
--- a/src/content/Animations/TargetCursor/TargetCursor.vue
+++ b/src/content/Animations/TargetCursor/TargetCursor.vue
@@ -35,7 +35,7 @@ const moveCursor = (x: number, y: number) => {
   });
 };
 
-let cleanupAnimation: () => void = () => { };
+let cleanupAnimation: () => void = () => {};
 
 const setupAnimation = () => {
   if (!cursorRef.value) return;
@@ -336,22 +336,30 @@ watch(
 </script>
 
 <template>
-  <div ref="cursorRef"
+  <div
+    ref="cursorRef"
     class="top-0 left-0 z-[9999] fixed w-0 h-0 -translate-x-1/2 -translate-y-1/2 pointer-events-none mix-blend-difference transform opacity-0"
-    :style="{ willChange: 'transform' }">
-    <div class="top-1/2 left-1/2 absolute bg-white rounded-full w-1 h-1 -translate-x-1/2 -translate-y-1/2 transform"
-      :style="{ willChange: 'transform' }" />
+    :style="{ willChange: 'transform' }"
+  >
+    <div
+      class="top-1/2 left-1/2 absolute bg-white rounded-full w-1 h-1 -translate-x-1/2 -translate-y-1/2 transform"
+      :style="{ willChange: 'transform' }"
+    />
     <div
       class="top-1/2 left-1/2 absolute border-[3px] border-white border-r-0 border-b-0 w-3 h-3 -translate-x-[150%] -translate-y-[150%] target-cursor-corner transform"
-      :style="{ willChange: 'transform' }" />
+      :style="{ willChange: 'transform' }"
+    />
     <div
       class="top-1/2 left-1/2 absolute border-[3px] border-white border-b-0 border-l-0 w-3 h-3 -translate-y-[150%] translate-x-1/2 target-cursor-corner transform"
-      :style="{ willChange: 'transform' }" />
+      :style="{ willChange: 'transform' }"
+    />
     <div
       class="top-1/2 left-1/2 absolute border-[3px] border-white border-t-0 border-l-0 w-3 h-3 translate-x-1/2 translate-y-1/2 target-cursor-corner transform"
-      :style="{ willChange: 'transform' }" />
+      :style="{ willChange: 'transform' }"
+    />
     <div
       class="top-1/2 left-1/2 absolute border-[3px] border-white border-t-0 border-r-0 w-3 h-3 -translate-x-[150%] translate-y-1/2 target-cursor-corner transform"
-      :style="{ willChange: 'transform' }" />
+      :style="{ willChange: 'transform' }"
+    />
   </div>
 </template>

From 3e2807e4d7671a0e817b4aa83995a76731e44ab2 Mon Sep 17 00:00:00 2001
From: xzadudu179 <terra179@163.com>
Date: Thu, 28 Aug 2025 18:32:12 +0800
Subject: [PATCH 3/5] fix: issue#84

---
 src/content/Animations/TargetCursor/TargetCursor.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/content/Animations/TargetCursor/TargetCursor.vue b/src/content/Animations/TargetCursor/TargetCursor.vue
index 9280c88..9d00733 100644
--- a/src/content/Animations/TargetCursor/TargetCursor.vue
+++ b/src/content/Animations/TargetCursor/TargetCursor.vue
@@ -115,8 +115,10 @@ const setupAnimation = () => {
     }
 
     activeTarget = target;
-
-    gsap.killTweensOf(cursorRef.value);
+    const corners = Array.from(cornersRef.value);
+    corners.forEach(corner => {
+      gsap.killTweensOf(corner);
+    })
     spinTl.value?.pause();
 
     gsap.set(cursorRef.value, { rotation: 0 });

From 34de6f34300c3030db7220b8302b1c7dc9b6912c Mon Sep 17 00:00:00 2001
From: xzadudu179 <terra179@163.com>
Date: Thu, 28 Aug 2025 18:33:34 +0800
Subject: [PATCH 4/5] update

---
 src/content/Animations/TargetCursor/TargetCursor.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/content/Animations/TargetCursor/TargetCursor.vue b/src/content/Animations/TargetCursor/TargetCursor.vue
index 9d00733..d07e348 100644
--- a/src/content/Animations/TargetCursor/TargetCursor.vue
+++ b/src/content/Animations/TargetCursor/TargetCursor.vue
@@ -119,6 +119,7 @@ const setupAnimation = () => {
     corners.forEach(corner => {
       gsap.killTweensOf(corner);
     })
+    gsap.killTweensOf(cursorRef.value);
     spinTl.value?.pause();
 
     gsap.set(cursorRef.value, { rotation: 0 });

From ee5550cf6a7d3ad45b48979bb805572c2d9d3116 Mon Sep 17 00:00:00 2001
From: xzadudu179 <terra179@163.com>
Date: Thu, 28 Aug 2025 18:33:46 +0800
Subject: [PATCH 5/5] update

---
 src/content/Animations/TargetCursor/TargetCursor.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/content/Animations/TargetCursor/TargetCursor.vue b/src/content/Animations/TargetCursor/TargetCursor.vue
index d07e348..366dba9 100644
--- a/src/content/Animations/TargetCursor/TargetCursor.vue
+++ b/src/content/Animations/TargetCursor/TargetCursor.vue
@@ -119,7 +119,7 @@ const setupAnimation = () => {
     corners.forEach(corner => {
       gsap.killTweensOf(corner);
     })
-    gsap.killTweensOf(cursorRef.value);
+    gsap.killTweensOf(cursorRef.value, 'rotation');
     spinTl.value?.pause();
 
     gsap.set(cursorRef.value, { rotation: 0 });