From 820490fb4dc1ff0f17c5e3cf1dcca7baa3df8a69 Mon Sep 17 00:00:00 2001
From: Rich Harris <richard.a.harris@gmail.com>
Date: Mon, 24 Jun 2019 13:28:04 -0400
Subject: [PATCH] add a tutorial chapter

---
 .../app-a/App.svelte                           | 15 +++++++++++++++
 .../app-b/App.svelte                           | 18 ++++++++++++++++++
 .../08-contenteditable-bindings/text.md        | 12 ++++++++++++
 .../app-a/App.svelte                           |  0
 .../app-b/App.svelte                           |  0
 .../text.md                                    |  0
 .../app-a/App.svelte                           |  0
 .../app-b/App.svelte                           |  0
 .../text.md                                    |  0
 .../app-a/App.svelte                           |  0
 .../app-b/App.svelte                           |  0
 .../{10-dimensions => 11-dimensions}/text.md   |  0
 .../app-a/App.svelte                           |  0
 .../app-b/App.svelte                           |  0
 .../{11-bind-this => 12-bind-this}/text.md     |  0
 .../app-a/App.svelte                           |  0
 .../app-a/Keypad.svelte                        |  0
 .../app-b/App.svelte                           |  0
 .../app-b/Keypad.svelte                        |  0
 .../text.md                                    |  0
 20 files changed, 45 insertions(+)
 create mode 100644 site/content/tutorial/06-bindings/08-contenteditable-bindings/app-a/App.svelte
 create mode 100644 site/content/tutorial/06-bindings/08-contenteditable-bindings/app-b/App.svelte
 create mode 100644 site/content/tutorial/06-bindings/08-contenteditable-bindings/text.md
 rename site/content/tutorial/06-bindings/{08-each-block-bindings => 09-each-block-bindings}/app-a/App.svelte (100%)
 rename site/content/tutorial/06-bindings/{08-each-block-bindings => 09-each-block-bindings}/app-b/App.svelte (100%)
 rename site/content/tutorial/06-bindings/{08-each-block-bindings => 09-each-block-bindings}/text.md (100%)
 rename site/content/tutorial/06-bindings/{09-media-elements => 10-media-elements}/app-a/App.svelte (100%)
 rename site/content/tutorial/06-bindings/{09-media-elements => 10-media-elements}/app-b/App.svelte (100%)
 rename site/content/tutorial/06-bindings/{09-media-elements => 10-media-elements}/text.md (100%)
 rename site/content/tutorial/06-bindings/{10-dimensions => 11-dimensions}/app-a/App.svelte (100%)
 rename site/content/tutorial/06-bindings/{10-dimensions => 11-dimensions}/app-b/App.svelte (100%)
 rename site/content/tutorial/06-bindings/{10-dimensions => 11-dimensions}/text.md (100%)
 rename site/content/tutorial/06-bindings/{11-bind-this => 12-bind-this}/app-a/App.svelte (100%)
 rename site/content/tutorial/06-bindings/{11-bind-this => 12-bind-this}/app-b/App.svelte (100%)
 rename site/content/tutorial/06-bindings/{11-bind-this => 12-bind-this}/text.md (100%)
 rename site/content/tutorial/06-bindings/{12-component-bindings => 13-component-bindings}/app-a/App.svelte (100%)
 rename site/content/tutorial/06-bindings/{12-component-bindings => 13-component-bindings}/app-a/Keypad.svelte (100%)
 rename site/content/tutorial/06-bindings/{12-component-bindings => 13-component-bindings}/app-b/App.svelte (100%)
 rename site/content/tutorial/06-bindings/{12-component-bindings => 13-component-bindings}/app-b/Keypad.svelte (100%)
 rename site/content/tutorial/06-bindings/{12-component-bindings => 13-component-bindings}/text.md (100%)

diff --git a/site/content/tutorial/06-bindings/08-contenteditable-bindings/app-a/App.svelte b/site/content/tutorial/06-bindings/08-contenteditable-bindings/app-a/App.svelte
new file mode 100644
index 0000000000..55d699959c
--- /dev/null
+++ b/site/content/tutorial/06-bindings/08-contenteditable-bindings/app-a/App.svelte
@@ -0,0 +1,15 @@
+<script>
+	let html = '<p>Write some text!</p>';
+</script>
+
+<div contenteditable="true"></div>
+
+<pre>{html}</pre>
+
+<style>
+	[contenteditable] {
+		padding: 0.5em;
+		border: 1px solid #eee;
+		border-radius: 4px;
+	}
+</style>
\ No newline at end of file
diff --git a/site/content/tutorial/06-bindings/08-contenteditable-bindings/app-b/App.svelte b/site/content/tutorial/06-bindings/08-contenteditable-bindings/app-b/App.svelte
new file mode 100644
index 0000000000..ee97cf19c0
--- /dev/null
+++ b/site/content/tutorial/06-bindings/08-contenteditable-bindings/app-b/App.svelte
@@ -0,0 +1,18 @@
+<script>
+	let html = '<p>Write some text!</p>';
+</script>
+
+<div
+	contenteditable="true"
+	bind:innerHTML={html}
+></div>
+
+<pre>{html}</pre>
+
+<style>
+	[contenteditable] {
+		padding: 0.5em;
+		border: 1px solid #eee;
+		border-radius: 4px;
+	}
+</style>
\ No newline at end of file
diff --git a/site/content/tutorial/06-bindings/08-contenteditable-bindings/text.md b/site/content/tutorial/06-bindings/08-contenteditable-bindings/text.md
new file mode 100644
index 0000000000..a73b07c0ba
--- /dev/null
+++ b/site/content/tutorial/06-bindings/08-contenteditable-bindings/text.md
@@ -0,0 +1,12 @@
+---
+title: Contenteditable bindings
+---
+
+Elements with a `contenteditable="true"` attribute support `textContent` and `innerHTML` bindings:
+
+```html
+<div
+	contenteditable="true"
+	bind:innerHTML={html}
+></div>
+```
\ No newline at end of file
diff --git a/site/content/tutorial/06-bindings/08-each-block-bindings/app-a/App.svelte b/site/content/tutorial/06-bindings/09-each-block-bindings/app-a/App.svelte
similarity index 100%
rename from site/content/tutorial/06-bindings/08-each-block-bindings/app-a/App.svelte
rename to site/content/tutorial/06-bindings/09-each-block-bindings/app-a/App.svelte
diff --git a/site/content/tutorial/06-bindings/08-each-block-bindings/app-b/App.svelte b/site/content/tutorial/06-bindings/09-each-block-bindings/app-b/App.svelte
similarity index 100%
rename from site/content/tutorial/06-bindings/08-each-block-bindings/app-b/App.svelte
rename to site/content/tutorial/06-bindings/09-each-block-bindings/app-b/App.svelte
diff --git a/site/content/tutorial/06-bindings/08-each-block-bindings/text.md b/site/content/tutorial/06-bindings/09-each-block-bindings/text.md
similarity index 100%
rename from site/content/tutorial/06-bindings/08-each-block-bindings/text.md
rename to site/content/tutorial/06-bindings/09-each-block-bindings/text.md
diff --git a/site/content/tutorial/06-bindings/09-media-elements/app-a/App.svelte b/site/content/tutorial/06-bindings/10-media-elements/app-a/App.svelte
similarity index 100%
rename from site/content/tutorial/06-bindings/09-media-elements/app-a/App.svelte
rename to site/content/tutorial/06-bindings/10-media-elements/app-a/App.svelte
diff --git a/site/content/tutorial/06-bindings/09-media-elements/app-b/App.svelte b/site/content/tutorial/06-bindings/10-media-elements/app-b/App.svelte
similarity index 100%
rename from site/content/tutorial/06-bindings/09-media-elements/app-b/App.svelte
rename to site/content/tutorial/06-bindings/10-media-elements/app-b/App.svelte
diff --git a/site/content/tutorial/06-bindings/09-media-elements/text.md b/site/content/tutorial/06-bindings/10-media-elements/text.md
similarity index 100%
rename from site/content/tutorial/06-bindings/09-media-elements/text.md
rename to site/content/tutorial/06-bindings/10-media-elements/text.md
diff --git a/site/content/tutorial/06-bindings/10-dimensions/app-a/App.svelte b/site/content/tutorial/06-bindings/11-dimensions/app-a/App.svelte
similarity index 100%
rename from site/content/tutorial/06-bindings/10-dimensions/app-a/App.svelte
rename to site/content/tutorial/06-bindings/11-dimensions/app-a/App.svelte
diff --git a/site/content/tutorial/06-bindings/10-dimensions/app-b/App.svelte b/site/content/tutorial/06-bindings/11-dimensions/app-b/App.svelte
similarity index 100%
rename from site/content/tutorial/06-bindings/10-dimensions/app-b/App.svelte
rename to site/content/tutorial/06-bindings/11-dimensions/app-b/App.svelte
diff --git a/site/content/tutorial/06-bindings/10-dimensions/text.md b/site/content/tutorial/06-bindings/11-dimensions/text.md
similarity index 100%
rename from site/content/tutorial/06-bindings/10-dimensions/text.md
rename to site/content/tutorial/06-bindings/11-dimensions/text.md
diff --git a/site/content/tutorial/06-bindings/11-bind-this/app-a/App.svelte b/site/content/tutorial/06-bindings/12-bind-this/app-a/App.svelte
similarity index 100%
rename from site/content/tutorial/06-bindings/11-bind-this/app-a/App.svelte
rename to site/content/tutorial/06-bindings/12-bind-this/app-a/App.svelte
diff --git a/site/content/tutorial/06-bindings/11-bind-this/app-b/App.svelte b/site/content/tutorial/06-bindings/12-bind-this/app-b/App.svelte
similarity index 100%
rename from site/content/tutorial/06-bindings/11-bind-this/app-b/App.svelte
rename to site/content/tutorial/06-bindings/12-bind-this/app-b/App.svelte
diff --git a/site/content/tutorial/06-bindings/11-bind-this/text.md b/site/content/tutorial/06-bindings/12-bind-this/text.md
similarity index 100%
rename from site/content/tutorial/06-bindings/11-bind-this/text.md
rename to site/content/tutorial/06-bindings/12-bind-this/text.md
diff --git a/site/content/tutorial/06-bindings/12-component-bindings/app-a/App.svelte b/site/content/tutorial/06-bindings/13-component-bindings/app-a/App.svelte
similarity index 100%
rename from site/content/tutorial/06-bindings/12-component-bindings/app-a/App.svelte
rename to site/content/tutorial/06-bindings/13-component-bindings/app-a/App.svelte
diff --git a/site/content/tutorial/06-bindings/12-component-bindings/app-a/Keypad.svelte b/site/content/tutorial/06-bindings/13-component-bindings/app-a/Keypad.svelte
similarity index 100%
rename from site/content/tutorial/06-bindings/12-component-bindings/app-a/Keypad.svelte
rename to site/content/tutorial/06-bindings/13-component-bindings/app-a/Keypad.svelte
diff --git a/site/content/tutorial/06-bindings/12-component-bindings/app-b/App.svelte b/site/content/tutorial/06-bindings/13-component-bindings/app-b/App.svelte
similarity index 100%
rename from site/content/tutorial/06-bindings/12-component-bindings/app-b/App.svelte
rename to site/content/tutorial/06-bindings/13-component-bindings/app-b/App.svelte
diff --git a/site/content/tutorial/06-bindings/12-component-bindings/app-b/Keypad.svelte b/site/content/tutorial/06-bindings/13-component-bindings/app-b/Keypad.svelte
similarity index 100%
rename from site/content/tutorial/06-bindings/12-component-bindings/app-b/Keypad.svelte
rename to site/content/tutorial/06-bindings/13-component-bindings/app-b/Keypad.svelte
diff --git a/site/content/tutorial/06-bindings/12-component-bindings/text.md b/site/content/tutorial/06-bindings/13-component-bindings/text.md
similarity index 100%
rename from site/content/tutorial/06-bindings/12-component-bindings/text.md
rename to site/content/tutorial/06-bindings/13-component-bindings/text.md