Slugify language names for preview title IDs

o2sh · Aug 25, 2023 · c6913f3 · c6913f3
1 parent 07dd12f
commit c6913f3
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/docs/vercel/src/lib/TitleLink.svelte b/docs/vercel/src/lib/TitleLink.svelte
@@ -1,8 +1,15 @@
 <script lang="ts">
   export let name: string;
+
+  $: slug = name
+    .toLowerCase()
+    .replace(/ /g, '-')
+    .replace(/#/g, '-sharp')
+    .replace(/\+/g, '-plus')
+    .replace(/[^a-z0-9-]/g, '');
 </script>
 
-<h3 id={name}><a href="#{name}" class="title-link">{name}</a></h3>
+<h3 id={slug}><a href="#{slug}" class="title-link">{name}</a></h3>
 
 <style>
   .title-link,