From 07964a832e6310ac839b57afeeac6be34801c590 Mon Sep 17 00:00:00 2001
From: ZTL-UwU <zhangtianli2006@163.com>
Date: Thu, 21 Nov 2024 17:38:42 +0800
Subject: [PATCH] fix: code copy icon transition after @nuxt/icon update

---
 components/content/CodeCopy.vue | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/components/content/CodeCopy.vue b/components/content/CodeCopy.vue
index 11745fbf..d9c3ceba 100644
--- a/components/content/CodeCopy.vue
+++ b/components/content/CodeCopy.vue
@@ -1,18 +1,20 @@
 <template>
   <div class="flex">
     <Transition name="fade" mode="out-in">
-      <Icon
-        v-if="copied === false"
-        name="lucide:copy"
-        class="block cursor-pointer self-center text-muted-foreground hover:text-primary"
-        @click="handleClick"
-      />
-      <Icon
-        v-else
-        ref="checkIconRef"
-        name="lucide:check"
-        class="block cursor-pointer self-center text-muted-foreground hover:text-primary"
-      />
+      <div v-if="copied === false">
+        <Icon
+          name="lucide:copy"
+          class="block cursor-pointer self-center text-muted-foreground hover:text-primary"
+          @click="handleClick"
+        />
+      </div>
+      <div v-else>
+        <Icon
+          ref="checkIconRef"
+          name="lucide:check"
+          class="block cursor-pointer self-center text-muted-foreground hover:text-primary"
+        />
+      </div>
     </Transition>
   </div>
 </template>