From 480ec2f932dcaaa89284ee3f0dbb8698fd999219 Mon Sep 17 00:00:00 2001
From: Dan Armour <randomcomm3nt@hotmail.co.uk>
Date: Mon, 18 Oct 2021 11:22:07 +0100
Subject: [PATCH] Update tutorial on component binding

Updated sample code to remove boilerplate code and removed note warning about an error that is no longer present
---
 .../tutorial/06-bindings/14-component-this/app-b/App.svelte | 2 +-
 site/content/tutorial/06-bindings/14-component-this/text.md | 6 ++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/site/content/tutorial/06-bindings/14-component-this/app-b/App.svelte b/site/content/tutorial/06-bindings/14-component-this/app-b/App.svelte
index f14332b398..a23b53c1d1 100644
--- a/site/content/tutorial/06-bindings/14-component-this/app-b/App.svelte
+++ b/site/content/tutorial/06-bindings/14-component-this/app-b/App.svelte
@@ -6,4 +6,4 @@
 
 <InputField bind:this={field}/>
 
-<button on:click={() => field.focus()}>Focus field</button>
+<button on:click={field.focus}>Focus field</button>
diff --git a/site/content/tutorial/06-bindings/14-component-this/text.md b/site/content/tutorial/06-bindings/14-component-this/text.md
index 00af193604..7bfbd7d325 100644
--- a/site/content/tutorial/06-bindings/14-component-this/text.md
+++ b/site/content/tutorial/06-bindings/14-component-this/text.md
@@ -11,9 +11,7 @@ Just as you can bind to DOM elements, you can bind to component instances themse
 Now we can programmatically interact with this component using `field`.
 
 ```html
-<button on:click="{() => field.focus()}">
+<button on:click="{field.focus}">
     Focus field
 </button>
-```
-
-> Note that we can't do `{field.focus}` since field is undefined when the button is first rendered and throws an error.
\ No newline at end of file
+```
\ No newline at end of file