From 3eaf2908c4039bb6279443d1db81f41b8ad0dab8 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Sun, 23 Feb 2025 02:35:52 +0800
Subject: [PATCH] fix(theme): fix copyright link overflow due to excessive
 length (#486)

---
 theme/src/client/components/VPCopyright.vue |  9 ++++++++-
 theme/src/client/composables/copyright.ts   | 10 ++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/theme/src/client/components/VPCopyright.vue b/theme/src/client/components/VPCopyright.vue
index 9d4801c5..b7935b91 100644
--- a/theme/src/client/components/VPCopyright.vue
+++ b/theme/src/client/components/VPCopyright.vue
@@ -26,7 +26,7 @@ const {
     </p>
     <p v-if="sourceUrl">
       <span>{{ creationText }}</span>
-      <VPLink :href="sourceUrl" :no-icon="creation === 'original'" data-allow-mismatch>
+      <VPLink :href="sourceUrl" class="source" :no-icon="creation === 'original'" data-allow-mismatch>
         {{ decodeURIComponent(sourceUrl) }}
       </VPLink>
     </p>
@@ -54,6 +54,7 @@ const {
 }
 
 .vp-doc .copyright-container p span:first-of-type {
+  align-self: baseline;
   font-weight: bold;
 }
 
@@ -63,6 +64,12 @@ const {
   color: var(--vp-c-text-2);
   transition: color var(--vp-t-color);
 }
+
+.vp-doc .copyright-container .source {
+  flex: 1;
+  width: 1px;
+  word-break: break-all;
+}
 </style>
 
 <style>
diff --git a/theme/src/client/composables/copyright.ts b/theme/src/client/composables/copyright.ts
index a05416fb..eb60b40e 100644
--- a/theme/src/client/composables/copyright.ts
+++ b/theme/src/client/composables/copyright.ts
@@ -52,8 +52,14 @@ export function useCopyright(copyright: ComputedRef<CopyrightFrontmatter>) {
   const author = computed(() => resolveAuthor(copyright.value.author, creation.value, contributors.value))
 
   const sourceUrl = computed(() => {
-    if (creation.value === 'original')
-      return __VUEPRESS_SSR__ ? route.fullPath : location.href.split('#')[0]
+    if (creation.value === 'original') {
+      const url = new URL(__VUEPRESS_SSR__ ? route.fullPath : location.href.split('#')[0])
+      // When using giscus for comments, the redirect link after
+      // logging in contains additional parameters.
+      url.searchParams.delete('giscus')
+
+      return url.toString()
+    }
 
     return copyright.value.source
   })