style: switch from tabs to 2-space indentation (incl. svelte)

1 files changed, 25 insertions, 25 deletions

diff --git a/src/features/surface-host/ui/Selector.svelte b/src/features/surface-host/ui/Selector.svelte
index 2da104f..4cb3536 100644
--- a/src/features/surface-host/ui/Selector.svelte
+++ b/src/features/surface-host/ui/Selector.svelte
@@ -1,32 +1,32 @@
 <script lang="ts">
-	import type { InvokeMessage } from "@dispatch/ui-contract";
-	import type { SelectorFieldView } from "../logic/types";
+  import type { InvokeMessage } from "@dispatch/ui-contract";
+  import type { SelectorFieldView } from "../logic/types";
 
-	let {
-		field,
-		surfaceId,
-		onInvoke,
-	}: { field: SelectorFieldView; surfaceId: string; onInvoke: (msg: InvokeMessage) => void } =
-		$props();
+  let {
+    field,
+    surfaceId,
+    onInvoke,
+  }: { field: SelectorFieldView; surfaceId: string; onInvoke: (msg: InvokeMessage) => void } =
+    $props();
 
-	function handleChange(event: Event) {
-		const target = event.target as HTMLSelectElement;
-		onInvoke({
-			type: "invoke",
-			surfaceId,
-			actionId: field.action.actionId,
-			payload: target.value,
-		});
-	}
+  function handleChange(event: Event) {
+    const target = event.target as HTMLSelectElement;
+    onInvoke({
+      type: "invoke",
+      surfaceId,
+      actionId: field.action.actionId,
+      payload: target.value,
+    });
+  }
 </script>
 
 <label>
-	{field.label}
-	<select onchange={handleChange}>
-		{#each field.options as option (option.value)}
-			<option value={option.value} selected={option.value === field.value}>
-				{option.label}
-			</option>
-		{/each}
-	</select>
+  {field.label}
+  <select onchange={handleChange}>
+    {#each field.options as option (option.value)}
+      <option value={option.value} selected={option.value === field.value}>
+        {option.label}
+      </option>
+    {/each}
+  </select>
 </label>