FEAT: Loding screen

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "smoothie",
-	"version": "0.1.0",
+	"version": "0.1.1",
 	"description": "",
 	"type": "module",
 	"scripts": {

src/lib/components/Splash.svelte

@@ -1,11 +1,12 @@
 <script>
+	import { load } from '@tauri-apps/plugin-store';
+
 	let { loadingState } = $props();
 </script>
 
 <div class="splash">
-	{#if loadingState == 'loading'}
+	<div class="spinner">
-		<div class="spinner">
+		<pre class="monospace">
-			<pre class="monospace">
   ▄▄▄▄▄
  ██▀▀▀▀█▄                      █▄ █▄
  ▀██▄  ▄▀ ▄                   ▄██▄██    ▀▀
@@ -13,14 +14,15 @@
  ▄   ▀██▄ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██▄█▀
  ▀██████▀▄██ ██ ▀█▄▀███▀▄▀███▀▄██▄██ ██▄██▄▀█▄▄▄
 			</pre>
-		</div>
+	</div>
-	{/if}
+	<p>{loadingState}</p>
 </div>
 
 <style>
 	.splash {
 		align-items: center;
 		justify-content: center;
+		flex-direction: column;
 		display: flex;
 		width: 100%;
 		height: 100%;
@@ -30,5 +32,6 @@
 	.monospace {
 		font-family: monospace;
 		color: var(--black);
+		letter-spacing: 1px;
 	}
 </style>

src/routes/+page.svelte

@@ -52,12 +52,19 @@
 	}
 
 	onMount(async () => {
+		loadingState = 'Checking for Updates';
 		version = await getVersion();
+		loadingState = 'Loading Settings';
 		await getSettings();
+		loadingState = 'Fetching Blender Releases';
 		await getBlenderReleases();
+		loadingState = 'Loading your installs';
 		await getInstalledVersions();
+		loadingState = 'Setting up Tray';
 		await setupTrayIcon();
+		loadingState = 'initializing';
 		await initStoresListeners();
+		await setTimeout(() => {}, 1000);
 		loadingState = 'initialized';
 	});
 </script>