fix: duplicating ToC ids (#620)

huntabyte · Jan 8, 2024 · 01542bc · 01542bc · vercel · Jan 8, 2024
1 parent 11a188e
commit 01542bc
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/apps/www/src/lib/components/docs/table-of-contents.svelte b/apps/www/src/lib/components/docs/table-of-contents.svelte
@@ -18,13 +18,20 @@
 		const hierarchy: TableOfContents = { items: [] };
 		let currentLevel: TableOfContentsItem | undefined = undefined;
 
+		const newIdSet: Set<string> = new Set();
+		let count = 1;
 		headings.forEach((heading: HTMLHeadingElement) => {
 			const level = parseInt(heading.tagName.charAt(1));
 			if (!heading.id) {
 				let newId = heading.innerText
 					.replaceAll(/[^a-zA-Z0-9 ]/g, "")
 					.replaceAll(" ", "-")
 					.toLowerCase();
+				if (newIdSet.has(newId)) {
+					newId = `${newId}-${count}`;
+					count++;
+				}
+				newIdSet.add(newId);
 				heading.id = `${newId}`;
 			}