for being convinient to make toc (#39)

notionpresso · May 1, 2023 · e07f622 · e07f622
1 parent ccb7123
commit e07f622
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/packages/svelte-notion-page/src/lib/default-notion-components/Heading1.svelte b/packages/svelte-notion-page/src/lib/default-notion-components/Heading1.svelte
@@ -7,9 +7,13 @@
 		heading_1: { color, rich_text: texts, is_toggleable }
 	} = props;
 	let open = false;
+
+	// Give id to make it convenient to write TableOfContents
+	export let id = texts.map(({ plain_text }) => plain_text).join('');
 </script>
 
 <div
+	{id}
 	class:notion-toggle-open={open}
 	class={`${getColorCss(color)} notion-block notion-h1 notion-toggle`}
 >

diff --git a/packages/svelte-notion-page/src/lib/default-notion-components/Heading2.svelte b/packages/svelte-notion-page/src/lib/default-notion-components/Heading2.svelte
@@ -7,9 +7,13 @@
 		heading_2: { color, rich_text: texts, is_toggleable }
 	} = props;
 	let open = false;
+
+	// Give id to make it convenient to write TableOfContents
+	export let id = texts.map(({ plain_text }) => plain_text).join('');
 </script>
 
 <div
+	{id}
 	class:notion-toggle-open={open}
 	class={`${getColorCss(color)} notion-block notion-h2 notion-toggle`}
 >

diff --git a/packages/svelte-notion-page/src/lib/default-notion-components/Heading3.svelte b/packages/svelte-notion-page/src/lib/default-notion-components/Heading3.svelte
@@ -7,9 +7,13 @@
 		heading_3: { color, rich_text: texts, is_toggleable }
 	} = props;
 	let open = false
+
+	// Give id to make it convenient to write TableOfContents
+	export let id = texts.map(({plain_text}) => plain_text).join('')
 </script>
 
 <div
+	id={id}
 	class:notion-toggle-open={open}
 	class={`${getColorCss(color)} notion-block notion-h3 notion-toggle`}
 >