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,