Fixes

src/__error.svelte

@@ -1 +1,3 @@
-<h1>Error 404</h1>
+<div class="fixed w-full h-full flex justify-center items-center">
+	<h1>Error 404</h1>
+</div>

src/__layout.svelte

@@ -1,3 +1,3 @@
-<main class="container">
+<main>
 	<slot />
 </main>

src/__loading.svelte

@@ -1 +1,7 @@
-<p>Loading...</p>
+<script>
+	import Loading from '$lib/components/Common/Loading.svelte'
+</script>
+
+<div class="fixed w-full h-full flex items-center justify-center">
+	<Loading />
+</div>

src/lib/components/Common.ts

@@ -1,6 +1,6 @@
 import Button from './Common/Button.svelte';
 import Input from './Common/Input.svelte';
-import InputWrappper from './Common/InputWrappper.svelte';
+import InputWrappper from './Common/InputWrapper.svelte';
 import Loading from './Common/Loading.svelte';
 import SOffline from './Common/SOffline.svelte';
 import Sortable from './Common/Sortable.svelte';
@@ -9,6 +9,6 @@ import Checkbox from './Common/Checkbox.svelte';
 import Switch from './Common/Switch.svelte';
 import Select from './Common/Select.svelte';
 
-export { Body, Html, PwaInstaller } from './Common/Meta';
+export { Body, Html } from './Common/Meta';
 
 export { Button, Input, InputWrappper, Loading, SOffline, Sortable, Switch, Radio, Checkbox, Select };

src/lib/components/Common/Meta.ts

@@ -1,5 +1,4 @@
 import Body from './meta/Body.svelte';
 import Html from './meta/Html.svelte';
-import PwaInstaller from './meta/PwaInstaller.svelte';
 
-export { Body, Html, PwaInstaller } 
+export { Body, Html } 

src/lib/components/Common/meta/PwaInstaller.svelte

@@ -1,22 +0,0 @@
-<script>
-	import { installPrompt } from '../../stores/pwaInstall'
-
-	const install = async () => {
-		if ($installPrompt !== null) {
-			$installPrompt.prompt()
-			const { outcome } = await $installPrompt.userChoice
-
-			if (outcome === 'accepted') $installPrompt = null
-		}
-	}
-</script>
-
-<svelte:window
-	on:beforeinstallprompt|preventDefault={(e) => {
-		$installPrompt = e
-	}}
-/>
-
-{#if $installPrompt}
-	<slot {install} />
-{/if}

src/routes/index.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Link } from '$lib/components/Common'
+	import { Button } from '$lib/components/Common'
 	import { _ } from 'svelte-i18n'
 </script>
 
@@ -7,13 +7,13 @@
 	<h1 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
 		<span class="block text-indigo-600">{$_('page.home.title')}</span>
 		<p>
-			<Link class="underline" href="https://appwrite.io/">Appwrite</Link>
+			<Button class="underline" href="https://appwrite.io/">Appwrite</Button>
 		</p>
 		<p>
-			<Link class="underline" href="/oauth">OAuth</Link>
+			<Button class="underline" href="/oauth">OAuth</Button>
 		</p>
 		<p>
-			<Link class="underline" href="https://github.com/lewis-wow/appwrite-svelte-rocket-start">Repository</Link>
+			<Button class="underline" href="https://github.com/lewis-wow/appwrite-svelte-rocket-start">Repository</Button>
 		</p>
 	</h1>
 </div>