[docs] Update tutorial on component binding

site/content/docs/02-template-syntax.md

@@ -1348,12 +1348,10 @@ bind:this={component_instance}
 
 Components also support `bind:this`, allowing you to interact with component instances programmatically.
 
-> Note that we can't do `{cart.empty}` since `cart` is `undefined` when the button is first rendered and throws an error.
-
 ```sv
 <ShoppingCart bind:this={cart}/>
 
-<button on:click={() => cart.empty()}>
+<button on:click={cart.empty}>
 	Empty shopping cart
 </button>
 ```

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>

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.
+```