Embed

1. Notion original

2. Notion API

Partial output of src/routes/[slug]/notion-export.js
{
  "object": "block",
  "id": "66814bc6-5b9d-413e-8007-c55921266e9f",
  "created_time": "2022-01-28T00:09:00.000Z",
  "last_edited_time": "2022-01-28T00:10:00.000Z",
  "has_children": false,
  "archived": false,
  "type": "embed",
  "embed": {
    "caption": [],
    "url": "https://wikitrivia.tomjwatson.com/"
  }
}
  json

3. Svelte output

Partial output of src/routes/[slug].svelte
<Embed url="https://wikitrivia.tomjwatson.com/"></Embed><Paragraph blockProps={{"pageId":"7481d378fee347f78de9bedbf31a7ea6","id":"4422fe93-7ecf-4559-b8ab-09fa55e02a5f","created_time":"2022-01-28T00:21:00.000Z","last_edited_time":"2022-01-28T00:21:00.000Z"}}>
  html

4. Example rendering

Rendered by Embed.svelte
 
Fancy horizontal divider

🏠 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>

Other Components