docs(changelog): ensure component name matches exactly

Author: benjamincanac

docs/app/components/content/ComponentChangelog.vue

@@ -1,13 +1,12 @@
 <script setup lang="ts">
 import type { CommitInfo } from '#build/changelog'
-import { camelCase } from 'scule'
 import { changelog } from '#build/changelog'
 
 const route = useRoute()
-const camelName = camelCase((route.path.split('/').pop() ?? '').replace(/-/g, ''))
+const name = route.path.split('/').pop()
 
 const commits = computed(() => {
-  const related = changelog.filter(c => c.version || c.components?.some(i => i.includes(camelName)))
+  const related = changelog.filter(c => c.version || c.components?.some(i => i === name))
   return related.filter((i, idx) => !(i.version && (!related[idx + 1] || related[idx + 1]?.version)))
 })
 

docs/modules/changelog.ts

@@ -1,5 +1,6 @@
 import { defineNuxtModule, addTemplate } from '@nuxt/kit'
 import Git from 'simple-git'
+import { kebabCase } from 'scule'
 
 interface CommitInfo {
   components?: string[]
@@ -38,7 +39,7 @@ export default defineNuxtModule({
       delete log.body
       const files = raw.replace(/\\/g, '/').trim().split('\n')
 
-      log.components = [...new Set(files.map(i => i.match(/^src\/runtime\/components\/(\w+)\.vue$/)?.[1]?.toLowerCase()).filter(Boolean) as string[])]
+      log.components = [...new Set(files.map(i => kebabCase(i.match(/^src\/runtime\/components\/(\w+)\.vue$/)?.[1] ?? '')).filter(Boolean) as string[])]
     }
 
     const result = logs.filter(i => i.components?.length || i.version)