Why “Title” instead of “Name”?
Name
, notion2svelte calls <Title>
. Why?
<Name>Your page title</Name>
just doesn’t feel right.


1. Notion original

2. Notion API
{
"object": "page",
…
"properties": {
…
"Name": {
"id": "title",
"type": "title",
"title": [
{
"type": "text",
"text": {
"content": "Title (aka Name)",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": false,
"color": "default"
},
"plain_text": "Title (aka Name)",
"href": null
}
]
}
}
}
javascript
3. Svelte output
<svelte:head>
<title>Title (aka Name)</title>
</svelte:head>
<Title>Title (aka Name)</Title>
html
notion2svelte renders
<svelte:head>
so that
the browser tab matches the page title4. Example rendering
🏠 Browse the docs ⚘
High-level Discussion
Turn-intoable Block Components
Toggle Headings (not yet implemented)
Layout-only Components
Page-level Components
Annotation Components
bold → <strong>
italic → <em>
strikethrough → <s>