Format

web-frontend/src/routes/app/+page.svelte

@@ -10,19 +10,19 @@
 	import CoordinateInfo from './CoordinateInfo.svelte';
 	import { emptyxpin } from '$lib/common.js';
 
-let tabInfo = {
-    selected: 0,
-    tabs: [
-        {
-            label: "Map",
-            idx: 0,
-        },
-        {
-            label: "Share",
-            idx: 1,
-        }
-    ]
-};
+	let tabInfo = {
+		selected: 0,
+		tabs: [
+			{
+				label: 'Map',
+				idx: 0
+			},
+			{
+				label: 'Share',
+				idx: 1
+			}
+		]
+	};
 
 	let initSuccess = false;
 	let coordinateTypes = [];
@@ -184,12 +184,11 @@ let tabInfo = {
 		bind:selectedCoordinateType
 	/>
 
-    <TabSelector bind:tabInfo />
-
-    {#if tabInfo.selected === 1}
-    <CoordinateInfo bind:xpin={addr} />
-    {/if}
+	<TabSelector bind:tabInfo />
 
+	{#if tabInfo.selected === 1}
+		<CoordinateInfo bind:xpin={addr} />
+	{/if}
 {:catch message}
 	<Error {message}>Could not start core module</Error>
 {/await}

web-frontend/src/routes/app/CoordinateInfo.svelte

@@ -1,5 +1,5 @@
 <script>
-    export let xpin;
+	export let xpin;
 </script>
 
 Hi there

web-frontend/src/routes/app/TabSelector.svelte

@@ -1,14 +1,19 @@
 <script>
-    export let tabInfo;
+	export let tabInfo;
 
-    const updateSelectedTab = (tab) => {
-        tabInfo.selected = tab.idx;
-    }
+	const updateSelectedTab = (tab) => {
+		tabInfo.selected = tab.idx;
+	};
 </script>
 
 <ul class="flex">
-    {#each tabInfo.tabs as tab}
-        <li class:bg-blue-200="{tab.idx === tabInfo.selected}" on:click={() => updateSelectedTab(tab)} class="p-2 block">{tab.label}</li>
-    {/each}
+	{#each tabInfo.tabs as tab}
+		<li
+			class:bg-blue-200={tab.idx === tabInfo.selected}
+			on:click={() => updateSelectedTab(tab)}
+			class="p-2 block"
+		>
+			{tab.label}
+		</li>
+	{/each}
 </ul>
-