From a45afd5393c012db67b1f8fa0d5e3572d8f5240c Mon Sep 17 00:00:00 2001
From: Kazuma Oe <oe.kazuma@a-tm.co.jp>
Date: Thu, 16 Mar 2023 17:04:26 +0900
Subject: [PATCH] docs: add `<svelte:document>` example (#8387)

---
 .../17-special-elements/05-svelte-document/App.svelte  | 10 ++++++++++
 .../17-special-elements/05-svelte-document/meta.json   |  3 +++
 .../{05-svelte-body => 06-svelte-body}/App.svelte      |  0
 .../{05-svelte-body => 06-svelte-body}/meta.json       |  0
 .../{06-svelte-head => 07-svelte-head}/App.svelte      |  0
 .../{06-svelte-head => 07-svelte-head}/meta.json       |  0
 6 files changed, 13 insertions(+)
 create mode 100644 site/content/examples/17-special-elements/05-svelte-document/App.svelte
 create mode 100644 site/content/examples/17-special-elements/05-svelte-document/meta.json
 rename site/content/examples/17-special-elements/{05-svelte-body => 06-svelte-body}/App.svelte (100%)
 rename site/content/examples/17-special-elements/{05-svelte-body => 06-svelte-body}/meta.json (100%)
 rename site/content/examples/17-special-elements/{06-svelte-head => 07-svelte-head}/App.svelte (100%)
 rename site/content/examples/17-special-elements/{06-svelte-head => 07-svelte-head}/meta.json (100%)

diff --git a/site/content/examples/17-special-elements/05-svelte-document/App.svelte b/site/content/examples/17-special-elements/05-svelte-document/App.svelte
new file mode 100644
index 0000000000..5dd44aa389
--- /dev/null
+++ b/site/content/examples/17-special-elements/05-svelte-document/App.svelte
@@ -0,0 +1,10 @@
+<script>
+	let selection = '';
+
+	const handleSelectionChange = (e) => selection = document.getSelection();
+</script>
+
+<svelte:document on:selectionchange={handleSelectionChange} />
+
+<p>Select this text to fire events</p>
+<p>Selection: {selection}</p>
diff --git a/site/content/examples/17-special-elements/05-svelte-document/meta.json b/site/content/examples/17-special-elements/05-svelte-document/meta.json
new file mode 100644
index 0000000000..c48db2e62a
--- /dev/null
+++ b/site/content/examples/17-special-elements/05-svelte-document/meta.json
@@ -0,0 +1,3 @@
+{
+	"title": "<svelte:document>"
+}
diff --git a/site/content/examples/17-special-elements/05-svelte-body/App.svelte b/site/content/examples/17-special-elements/06-svelte-body/App.svelte
similarity index 100%
rename from site/content/examples/17-special-elements/05-svelte-body/App.svelte
rename to site/content/examples/17-special-elements/06-svelte-body/App.svelte
diff --git a/site/content/examples/17-special-elements/05-svelte-body/meta.json b/site/content/examples/17-special-elements/06-svelte-body/meta.json
similarity index 100%
rename from site/content/examples/17-special-elements/05-svelte-body/meta.json
rename to site/content/examples/17-special-elements/06-svelte-body/meta.json
diff --git a/site/content/examples/17-special-elements/06-svelte-head/App.svelte b/site/content/examples/17-special-elements/07-svelte-head/App.svelte
similarity index 100%
rename from site/content/examples/17-special-elements/06-svelte-head/App.svelte
rename to site/content/examples/17-special-elements/07-svelte-head/App.svelte
diff --git a/site/content/examples/17-special-elements/06-svelte-head/meta.json b/site/content/examples/17-special-elements/07-svelte-head/meta.json
similarity index 100%
rename from site/content/examples/17-special-elements/06-svelte-head/meta.json
rename to site/content/examples/17-special-elements/07-svelte-head/meta.json