1 files changed, 23 insertions, 22 deletions
diff --git a/examples/framework-svelte/src/components/Counter.svelte b/examples/framework-svelte/src/components/Counter.svelte
index 2f4c07339..1353736aa 100644
--- a/examples/framework-svelte/src/components/Counter.svelte
+++ b/examples/framework-svelte/src/components/Counter.svelte
@@ -1,33 +1,34 @@
-<script>
-  let count = 0;
+<script lang="ts">
+	let count = 0;
 
-  function add() {
-    count += 1;
-  }
+	function add() {
+		count += 1;
+	}
 
-  function subtract() {
-    count -= 1;
-  }
+	function subtract() {
+		count -= 1;
+	}
 </script>
 
 <div class="counter">
-  <button on:click={subtract}>-</button>
-  <pre>{ count }</pre>
-  <button on:click={add}>+</button>
+	<button on:click={subtract}>-</button>
+	<pre>{count}</pre>
+	<button on:click={add}>+</button>
 </div>
 <div class="message">
-  <slot />
+	<slot />
 </div>
 
 <style>
-  .counter{
-    display: grid;
-    font-size: 2em;
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-    margin-top: 2em;
-    place-items: center;
-  }
-  .message {
-    text-align: center;
-  }
+	.counter {
+		display: grid;
+		font-size: 2em;
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+		margin-top: 2em;
+		place-items: center;
+	}
+
+	.message {
+		text-align: center;
+	}
 </style>