From 0fb87772b07c19b5eaf8f0c0d4289f2af04425b4 Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Mon, 1 Jan 2024 23:21:03 +0800
Subject: [PATCH] fix(git-changelog): normalize path prefix (#39)

Signed-off-by: Neko Ayaka <neko@ayaka.moe>
---
 docs/vite.config.ts                           |  2 +-
 .../package.json                              |  2 +-
 .../src/client/components/Changelog.vue       | 25 ++++++++++++++++---
 .../src/client/composables/path.ts            |  6 ++++-
 4 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/docs/vite.config.ts b/docs/vite.config.ts
index e16ee77b..7162d3a7 100644
--- a/docs/vite.config.ts
+++ b/docs/vite.config.ts
@@ -14,7 +14,7 @@ export default defineConfig(async () => {
       GitChangelog({
         repoURL: () => 'https://github.com/nolebase/integrations',
         rewritePaths: {
-          docs: '',
+          'docs/': '',
         },
       }),
       GitChangelogMarkdownSection({
diff --git a/packages/vitepress-plugin-git-changelog/package.json b/packages/vitepress-plugin-git-changelog/package.json
index bc642653..2530430d 100644
--- a/packages/vitepress-plugin-git-changelog/package.json
+++ b/packages/vitepress-plugin-git-changelog/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@nolebase/vitepress-plugin-git-changelog",
   "type": "module",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "A VitePress plugin that adds a changelog fetched from git to your documentation.",
   "author": {
     "name": "Nólëbase",
diff --git a/packages/vitepress-plugin-git-changelog/src/client/components/Changelog.vue b/packages/vitepress-plugin-git-changelog/src/client/components/Changelog.vue
index 2ec24044..4c6efbda 100644
--- a/packages/vitepress-plugin-git-changelog/src/client/components/Changelog.vue
+++ b/packages/vitepress-plugin-git-changelog/src/client/components/Changelog.vue
@@ -47,18 +47,18 @@ const isFreshChange = computed(() => {
   >
     <label cursor-pointer>
       <div
-        class="flex select-none items-center justify-between hover:text-$vp-c-brand-1"
+        class="vp-nolebase-git-changelog-title flex select-none items-center justify-between"
         transition="color ease-in-out"
         text="<sm:xs" duration-200
       >
-        <span class="inline-flex items-center gap-3 text-$vp-custom-block-details-text">
+        <span class="vp-nolebase-git-changelog-last-edited-title inline-flex items-center gap-3">
           <span class="i-octicon:history-16" />
           <span v-if="commits[0]">
             {{ t('lastEdited', { props: { daysAgo: lastChangeDate?.fromNow() } }) }}
           </span>
         </span>
         <input v-model="toggleViewMore" type="checkbox" invisible appearance-none>
-        <span class="inline-flex items-center gap-3 !font-400">
+        <span class="vp-nolebase-git-changelog-view-full-history-title inline-flex items-center gap-3">
           <span class="<sm:hidden">
             {{ t('viewFullHistory') }}
           </span>
@@ -121,3 +121,22 @@ const isFreshChange = computed(() => {
     </VerticalTransition>
   </div>
 </template>
+
+<style scoped>
+.vp-nolebase-git-changelog-title {
+  color: var(--vp-custom-block-details-text);
+  font-size: var(--vp-custom-block-font-size);
+}
+
+.vp-nolebase-git-changelog-title:hover {
+  color: var(--vp-c-brand-1);
+}
+
+.vp-nolebase-git-changelog-last-edited-title {
+  font-weight: 800;
+}
+
+.vp-nolebase-git-changelog-view-full-history-title {
+  font-weight: 400;
+}
+</style>
diff --git a/packages/vitepress-plugin-git-changelog/src/client/composables/path.ts b/packages/vitepress-plugin-git-changelog/src/client/composables/path.ts
index c8f156f6..06d46af3 100644
--- a/packages/vitepress-plugin-git-changelog/src/client/composables/path.ts
+++ b/packages/vitepress-plugin-git-changelog/src/client/composables/path.ts
@@ -3,12 +3,16 @@ import { useRoute } from 'vitepress'
 
 export function useRawPath() {
   const route = useRoute()
+
   return computed(() => {
     let path = decodeURIComponent(route.path).toLowerCase()
+    if (path.startsWith('/'))
+      path = path.slice(1)
+
     if (path.endsWith('/'))
       path += 'index.md'
     else
-      path = path.replace(/^\/(.+?)(\.html)?$/s, '$1.md')
+      path = path.replace(/^(.+?)(\.html)?$/s, '$1.md')
 
     return path.toLowerCase()
   })