now also matching to version with changelog.md

Author: WilcoSp

app/components/Changelog/Markdown.vue

@@ -1,10 +1,37 @@
 <script setup lang="ts">
-const { info, tpTarget } = defineProps<{
+const { info, requestedVersion, tpTarget } = defineProps<{
   info: ChangelogMarkdownInfo
+  requestedVersion: string | null
   tpTarget?: HTMLElement | null
 }>()
 
+const route = useRoute()
+
 const { data } = useLazyFetch(() => `/api/changelog/md/${info.provider}/${info.repo}/${info.path}`)
+
+watch(
+  [() => data.value?.toc, () => requestedVersion?.toLowerCase(), () => route.hash],
+  ([toc, rv, hash]) => {
+    if (toc && hash) {
+      navigateTo(hash)
+      return
+    }
+
+    if (!toc || !rv || hash) {
+      return
+    }
+
+    for (const item of toc) {
+      if (item.text.toLowerCase().includes(rv)) {
+        navigateTo(`#${item.id}`)
+        return
+      }
+    }
+  },
+  {
+    immediate: true,
+  },
+)
 </script>
 <template>
   <Teleport v-if="data?.toc && data.toc.length > 1 && !!tpTarget" :to="tpTarget">

app/components/Changelog/Releases.vue

@@ -27,7 +27,7 @@ const matchingDateReleases = computed(() => {
 })
 
 watch(
-  [() => route.hash, () => requestedDate, releases, () => requestedVersion],
+  [() => route.hash, () => requestedDate?.toLowerCase(), releases, () => requestedVersion],
   ([hash, date, r, rv]) => {
     if (hash && r) {
       // ensures the user is scrolled to the hash
@@ -39,7 +39,7 @@ watch(
     }
     if (rv) {
       for (const match of matchingDateReleases.value ?? []) {
-        if (match.title.includes(rv)) {
+        if (match.title.toLowerCase().includes(rv)) {
           navigateTo(`#release-${encodeURI(match.title)}`)
           return
         }

app/pages/package-changes/[...path].vue

@@ -133,6 +133,7 @@ const versionDate = computed(() => {
         v-else-if="changelog?.type == 'md'"
         :info="changelog"
         :tpTarget="tptoc"
+        :requested-version="version || latestVersion"
       />
       <p class="mt-5" v-else>{{ $t('changelog.no_logs') }}</p>
     </section>