From 2227f7368f090fe9ccecca7747fc949f29e32106 Mon Sep 17 00:00:00 2001
From: Puru Vijay <devpuruvj@gmail.com>
Date: Sun, 19 Mar 2023 01:28:43 +0530
Subject: [PATCH] Fix errors

---
 site/content/docs/03-template-syntax.md |  3 ++-
 site/content/docs/04-run-time.md        | 10 ++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/site/content/docs/03-template-syntax.md b/site/content/docs/03-template-syntax.md
index bee1b806de..f1eda7246c 100644
--- a/site/content/docs/03-template-syntax.md
+++ b/site/content/docs/03-template-syntax.md
@@ -694,6 +694,7 @@ When the value of an `<option>` matches its text content, the attribute can be o
 ---
 
 Elements with the `contenteditable` attribute support the following bindings:
+
 - [`innerHTML`](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML)
 - [`innerText`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/innerText)
 - [`textContent`](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent)
@@ -1765,7 +1766,7 @@ All except `scrollX` and `scrollY` are readonly.
 
 ---
 
-Similarly to `<svelte:window>`, this element allows you to add listeners to events on `document`, such as `visibilitychange`, which don't fire on `window`. It also lets you use [actions](/docs#template-syntax-element-directives-use-action) on `document`.
+Similarly to `<svelte:window>`, this element allows you to add listeners to events on `document`, such as `visibilitychange`, which don't fire on `window`. It also lets you use [actions](/docs/template-syntax#element-directives-use-action) on `document`.
 
 As with `<svelte:window>`, this element may only appear the top level of your component and must never be inside a block or element.
 
diff --git a/site/content/docs/04-run-time.md b/site/content/docs/04-run-time.md
index 7d1f4ac3ae..7209f3d47b 100644
--- a/site/content/docs/04-run-time.md
+++ b/site/content/docs/04-run-time.md
@@ -550,7 +550,7 @@ $: $size = big ? 100 : 10;
 
 The `interpolate` option allows you to tween between _any_ arbitrary values. It must be an `(a, b) => t => value` function, where `a` is the starting value, `b` is the target value, `t` is a number between 0 and 1, and `value` is the result. For example, we can use the [d3-interpolate](https://github.com/d3/d3-interpolate) package to smoothly interpolate between two colours.
 
-```sv
+```svelte
 <script>
 	import { interpolateLab } from 'd3-interpolate';
 	import { tweened } from 'svelte/motion';
@@ -570,8 +570,10 @@ The `interpolate` option allows you to tween between _any_ arbitrary values. It
 {#each colors as c}
 	<button
 		style="background-color: {c}; color: white; border: none;"
-		on:click="{e => color.set(c)}"
-	>{c}</button>
+		on:click={e => color.set(c)}
+	>
+	{c}
+	</button>
 {/each}
 
 <h1 style="color: {$color}">{$color}</h1>
@@ -743,7 +745,7 @@ Animates the x and y positions and the opacity of an element. `in` transitions a
 
 - `delay` (`number`, default 0) — milliseconds before starting
 - `duration` (`number`, default 400) — milliseconds the transition lasts
-- `easing` (`function`, default `cubicOut`) — an [easing function](/docs#run-time-svelte-easing)
+- `easing` (`function`, default `cubicOut`) — an [easing function](/docs/run-time#svelte-easing)
 - `x` (`number | string`, default 0) - the x offset to animate out to and in from
 - `y` (`number | string`, default 0) - the y offset to animate out to and in from
 - `opacity` (`number`, default 0) - the opacity value to animate out to and in from