fix: decode link text error

assets/css/editor/kun-content.scss

@@ -126,6 +126,7 @@
     color: var(--kungalgame-blue-5);
     text-decoration: underline;
     text-underline-offset: 3px;
+    word-break: break-word;
   }
 
   table {

components/galgame/resource/Details.vue

@@ -101,7 +101,7 @@ const handleRewriteResource = (details: GalgameResourceDetails) => {
   <div class="more" v-if="details">
     <div class="title">
       <span class="link" v-for="(kun, index) in details.link" :key="index">
-        <KunCopy :text="decodeURI(kun)" />
+        <KunCopy :text="kun" />
         <a :href="kun" target="_blank" rel="noopener noreferrer">
           <Icon class="icon" name="lucide:external-link" />
         </a>

components/kun/Copy.vue

@@ -6,7 +6,7 @@ withDefaults(defineProps<{ text: string; name?: string }>(), {
 
 <template>
   <span class="kun-copy" @click="useKunCopy(text)">
-    <span>{{ name ? name : text }}</span>
+    <span>{{ decodeIfEncoded(name ? name : text) }}</span>
     <Icon class="icon" name="lucide:copy" />
   </span>
 </template>

composables/useKunCopy.ts

@@ -1,4 +1,6 @@
-export const useKunCopy = (text: string) => {
+export const useKunCopy = (originText: string) => {
+  const text = decodeIfEncoded(originText)
+
   navigator.clipboard
     .writeText(text)
     .then(() => {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "kun-galgame-nuxt3",
-  "version": "2.19.10",
+  "version": "2.19.11",
   "packageManager": "[email protected]",
   "private": true,
   "scripts": {

utils/decodeIfEncoded.ts

@@ -0,0 +1,8 @@
+export const decodeIfEncoded = (text: string) => {
+  try {
+    const decoded = decodeURIComponent(text)
+    return decoded !== text ? decoded : text
+  } catch (e) {
+    return text
+  }
+}