diff --git a/app/components/Btn.vue b/app/components/Btn.vue
index dbf19d8..ad14529 100644
--- a/app/components/Btn.vue
+++ b/app/components/Btn.vue
@@ -1,5 +1,5 @@
 <template>
-	<button class="disabled:(cursor-not-allowed opacity-60)" gap-1 rounded-md bg-emerald-500 px-3.5 py-2.5 text-sm text-white font-semibold shadow-sm transition-colors hover="bg-emerald-600" focus-visible="outline-2 outline-emerald-600 outline-offset-2 outline">
+	<button class="disabled:(cursor-not-allowed opacity-60) gap-1 rounded-md bg-emerald-500 px-3.5 py-2.5 text-sm text-white font-semibold shadow-sm transition-colors" hover="bg-emerald-600" focus-visible="outline-2 outline-emerald-600 outline-offset-2 outline">
 		<slot />
 	</button>
 </template>
diff --git a/app/components/Design/BottomBlob.vue b/app/components/Design/BottomBlob.vue
index c206f37..1d2ee81 100644
--- a/app/components/Design/BottomBlob.vue
+++ b/app/components/Design/BottomBlob.vue
@@ -1,6 +1,6 @@
 <template>
-	<div pointer-events-none absolute inset-x-0 top="1/5" transform-gpu blur-3xl z="-10" aria-hidden="true">
-		<div class="blob" relative left="[calc(50%+36rem)]" aspect="[1155/678]" w="[72.1875rem]" from-emerald-500 to-amber-400 bg-gradient-to-tr opacity-30 translate-x="-1/2" />
+	<div class="pointer-events-none absolute inset-x-0 top=1/5 transform-gpu blur-3xl -z-10" aria-hidden="true">
+		<div class="blob relative left-[calc(50%+36rem)] aspect-[1155/678] w-[72.1875rem] from-emerald-500 to-amber-400 bg-gradient-to-tr opacity-30 -translate-x-1/2" />
 	</div>
 </template>
 
diff --git a/app/components/Design/TopBlob.vue b/app/components/Design/TopBlob.vue
index f1f8790..ee1d234 100644
--- a/app/components/Design/TopBlob.vue
+++ b/app/components/Design/TopBlob.vue
@@ -1,6 +1,6 @@
 <template>
-	<div pointer-events-none absolute inset-x-0 transform-gpu blur-3xl top="-1/4" z="-10" aria-hidden="true">
-		<div class="blob" relative left="[calc(50%-30rem)]" aspect="[1155/678]" w="[72.1875rem]" rotate-30 from-amber-400 to-emerald-500 bg-gradient-to-tr opacity-30 translate-x="-1/2" />
+	<div class="pointer-events-none absolute inset-x-0 transform-gpu blur-3xl -top-1/4 -z-10" aria-hidden="true">
+		<div class="blob relative left-[calc(50%-30rem)] aspect-[1155/678] w-[72.1875rem] rotate-30 from-amber-400 to-emerald-500 bg-gradient-to-tr opacity-30 -translate-x-1/2" />
 	</div>
 </template>
 
diff --git a/app/components/Hyperlink.vue b/app/components/Hyperlink.vue
index 0d6d5a5..918719a 100644
--- a/app/components/Hyperlink.vue
+++ b/app/components/Hyperlink.vue
@@ -1,5 +1,5 @@
 <template>
-	<NuxtLink gap-1 rounded-md bg-emerald-500 px-3.5 py-2.5 text-sm text-white font-semibold shadow-sm transition-colors hover="bg-emerald-600" focus-visible="outline-2 outline-emerald-600 outline-offset-2 outline">
+	<NuxtLink class="gap-1 rounded-md bg-emerald-500 px-3.5 py-2.5 text-sm text-white font-semibold shadow-sm transition-colors" hover="bg-emerald-600" focus-visible="outline-2 outline-emerald-600 outline-offset-2 outline">
 		<slot />
 	</NuxtLink>
 </template>
diff --git a/app/components/Layout/Tile.vue b/app/components/Layout/Tile.vue
index 40b553c..3c1b119 100644
--- a/app/components/Layout/Tile.vue
+++ b/app/components/Layout/Tile.vue
@@ -1,16 +1,16 @@
 <template>
-	<div grid grid-cols-1 lg="grid-cols-2">
-		<div px-6 pb-10 pt-12 lg="px-8 pt-22" sm="pt-16">
-			<div mx-auto max-w-xl lg="mx-0 max-w-lg">
-				<h2 text-3xl text-white font-bold tracking-tight>
+	<div class="grid grid-cols-1" lg="grid-cols-2">
+		<div clas="px-6 pb-10 pt-12" sm="pt-16" lg="px-8 pt-22">
+			<div class="mx-auto max-w-xl" lg="mx-0 max-w-lg">
+				<h2 class="text-3xl text-white font-bold tracking-tight">
 					{{ props.title }}
 				</h2>
-				<p mt-6 text-lg text-gray-300 leading-8>
+				<p class="mt-6 text-lg text-gray-300 leading-8">
 					{{ props.description }}
 				</p>
 			</div>
 		</div>
-		<div px-6 pb-10 pt-12 lg="px-8 pt-22" sm="pt-16">
+		<div class="px-6 pb-10 pt-12" sm="pt-16" lg="px-8 pt-22">
 			<slot />
 		</div>
 	</div>
diff --git a/app/components/NavLink.vue b/app/components/NavLink.vue
index bc2a299..09230db 100644
--- a/app/components/NavLink.vue
+++ b/app/components/NavLink.vue
@@ -1,5 +1,5 @@
 <template>
-	<NuxtLink lg="inline text-sm py-0" block py-2 text-white font-semibold leading-6>
+	<NuxtLink class="block py-2 text-white font-semibold leading-6" lg="inline text-sm py-0">
 		<slot />
 	</NuxtLink>
 </template>
diff --git a/app/components/Site/Navbar.vue b/app/components/Site/Navbar.vue
index c21f1e6..5780e0e 100644
--- a/app/components/Site/Navbar.vue
+++ b/app/components/Site/Navbar.vue
@@ -1,17 +1,17 @@
 <template>
-	<header top-0 z-10>
-		<nav flex items-center justify-between py-6 crate>
-			<div flex lg="flex-1">
-				<NuxtLink to="/" class="home" p-1.5 m="-1.5">
-					<SvgoLogo :font-controlled="false" size-8 />
+	<header class="top-0 z-10">
+		<nav crate class="flex items-center justify-between py-6">
+			<div class="flex" lg="flex-1">
+				<NuxtLink to="/" class="home p-1.5 -m-1.5">
+					<SvgoLogo :font-controlled="false" class="size-8" />
 				</NuxtLink>
 			</div>
-			<div flex lg="hidden">
-				<button type="button" inline-flex items-center justify-center rounded-md p-2.5 text-neutral-300 m="-2.5" @click="showSidebar = true">
-					<Icon name="heroicons-solid:bars-3" size-6 />
+			<div class="flex" lg="hidden">
+				<button type="button" class="inline-flex items-center justify-center rounded-md p-2.5 text-neutral-300 -m-2.5" @click="showSidebar = true">
+					<Icon name="heroicons-solid:bars-3" class="size-6" />
 				</button>
 			</div>
-			<div hidden lg="flex gap-x-12">
+			<div class="hidden" lg="flex gap-x-12">
 				<NavLink to="/commands">
 					Commands
 				</NavLink>
@@ -28,8 +28,8 @@
 					Store
 				</NavLink>
 			</div>
-			<div hidden lg="flex flex-1 justify-end">
-				<p text-sm text-white font-semibold leading-6>
+			<div class="hidden" lg="flex flex-1 justify-end">
+				<p class="text-sm text-white font-semibold leading-6">
 					v{{ tauriVersion }}
 				</p>
 			</div>
diff --git a/app/components/Site/Sidebar.vue b/app/components/Site/Sidebar.vue
index 6a5b6db..4a4da39 100644
--- a/app/components/Site/Sidebar.vue
+++ b/app/components/Site/Sidebar.vue
@@ -3,20 +3,20 @@
 		enter-from-class="opacity-0" enter-active-class="ease-in-out duration-500" enter-to-class="opacity-100"
 		leave-from-class="opacity-100" leave-active-class="ease-in-out duration-500" leave-to-class="opacity-0"
 	>
-		<div v-if="showSidebar" relative z-20 lg="hidden" role="dialog" aria-modal="true">
-			<div fixed inset-0 overflow-hidden>
-				<div bg="neutral-800/70" h-full flex flex-col overflow-y-auto py-6 backdrop-blur-md crate>
-					<div flex items-center justify-between>
-						<NuxtLink to="/" p-1.5 m="-1.5">
-							<SvgoLogo :filled="true" :font-controlled="false" size-8 />
+		<div v-if="showSidebar" class="relative z-20" lg="hidden" role="dialog" aria-modal="true">
+			<div class="fixed inset-0 overflow-hidden">
+				<div crate class="bg-neutral-800/70 h-full flex flex-col overflow-y-auto py-6 backdrop-blur-md">
+					<div class="flex items-center justify-between">
+						<NuxtLink to="/" class="p-1.5 -m-1.5">
+							<SvgoLogo :filled="true" :font-controlled="false" class="size-8" />
 						</NuxtLink>
-						<button type="button" rounded-md p-2.5 text-neutral-300 m="2.5" @click="showSidebar = false">
-							<Icon name="heroicons-solid:x-mark" size-6 />
+						<button type="button" class="rounded-md p-2.5 text-neutral-300 m-2.5" @click="showSidebar = false">
+							<Icon name="heroicons-solid:x-mark" class="size-6" />
 						</button>
 					</div>
-					<div mt-6 flow-root>
-						<div my="-6" divide-y divide="gray-500/25">
-							<div py-6 space-y-2>
+					<div class="mt-6 flow-root">
+						<div class="-my-6 divide-y divide-gray-500/25">
+							<div class="py-6 space-y-2">
 								<NavLink to="/commands">
 									Commands
 								</NavLink>
@@ -30,8 +30,8 @@
 									404
 								</NavLink>
 							</div>
-							<div py-6>
-								<p px-3 text-base text-white font-semibold leading-7 mx="-3">
+							<div class="py-6">
+								<p class="px-3 text-base text-white font-semibold leading-7 -mx-3">
 									v{{ tauriVersion }}
 								</p>
 							</div>
diff --git a/app/components/Tab/Row.vue b/app/components/Tab/Row.vue
index c0f21c1..9183a21 100644
--- a/app/components/Tab/Row.vue
+++ b/app/components/Tab/Row.vue
@@ -1,9 +1,9 @@
 <template>
-	<div px-4 py-6 sm="grid grid-cols-3 gap-4 px-6">
-		<dt flex items-center text-sm text-light-200 font-medium>
+	<div class="px-4 py-6" sm="grid grid-cols-3 gap-4 px-6">
+		<dt class="flex items-center text-sm text-light-200 font-medium">
 			{{ props.heading }}
 		</dt>
-		<dd flex items-center text-sm text-neutral-300 leading-6 sm="col-span-2 mt-0">
+		<dd class="flex items-center text-sm text-neutral-300 leading-6" sm="col-span-2 mt-0">
 			{{ props.body }}
 		</dd>
 	</div>
diff --git a/app/layouts/blank.vue b/app/layouts/blank.vue
index 06c7076..e9ec0e1 100644
--- a/app/layouts/blank.vue
+++ b/app/layouts/blank.vue
@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<SiteNavbar sticky />
+		<SiteNavbar class="sticky" />
 		<SiteSidebar />
 
 		<slot />
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index dbd005e..f719589 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<SiteNavbar sticky />
+		<SiteNavbar class="sticky" />
 		<SiteSidebar />
 
 		<div crate>
diff --git a/app/layouts/home.vue b/app/layouts/home.vue
index 5f9af5c..2e69050 100644
--- a/app/layouts/home.vue
+++ b/app/layouts/home.vue
@@ -3,7 +3,7 @@
 		<SiteNavbar class="fixed w-full" />
 		<SiteSidebar />
 
-		<div relative overflow-hidden px-6 lg="px-8">
+		<div class="relative overflow-hidden px-6" lg="px-8">
 			<DesignTopBlob />
 			<DesignBottomBlob />
 
diff --git a/app/pages/[...all].vue b/app/pages/[...all].vue
index 5e0d511..cca3b87 100644
--- a/app/pages/[...all].vue
+++ b/app/pages/[...all].vue
@@ -1,17 +1,17 @@
 <template>
-	<div grid place-items-center px-6 py-24 sm="py-32" lg="px-8">
-		<div text-center>
-			<p text-base text-emerald-500 font-semibold>
+	<div clas="grid place-items-center px-6 py-24" sm="py-32" lg="px-8">
+		<div class="text-center">
+			<p class="text-base text-emerald-500 font-semibold">
 				404
 			</p>
-			<h1 mt-4 text-3xl text-neutral-300 font-bold tracking-tight sm="text-5xl">
+			<h1 class="mt-4 text-3xl text-neutral-300 font-bold tracking-tight" sm="text-5xl">
 				Page not found
 			</h1>
-			<p mt-6 text-base text-neutral-400 leading-7>
+			<p class="mt-6 text-base text-neutral-400 leading-7">
 				Sorry, we couldn't find the page you're looking for.
 			</p>
-			<div mt-10 flex items-center justify-center gap-x-6>
-				<Hyperlink to="/" px-7>
+			<div class="mt-10 flex items-center justify-center gap-x-6">
+				<Hyperlink to="/" class="px-7">
 					Back
 				</Hyperlink>
 			</div>
diff --git a/app/pages/commands.vue b/app/pages/commands.vue
index 6b92505..3685bde 100644
--- a/app/pages/commands.vue
+++ b/app/pages/commands.vue
@@ -4,23 +4,23 @@
 		description="Access the system shell. Allows you to spawn child processes and manage files and URLs using their default application."
 	>
 		<form @submit.prevent="sendCommand()">
-			<div mx-auto max-w-xl lg="mr-0 max-w-lg">
-				<div grid grid-cols-1 gap-x-8 gap-y-6>
+			<div class="mx-auto max-w-xl" lg="mr-0 max-w-lg">
+				<div class="grid grid-cols-1 gap-x-8 gap-y-6">
 					<div>
-						<label for="command-input" block text-sm text-white font-semibold leading-6>Command input</label>
+						<label for="command-input" class="block text-sm text-white font-semibold leading-6">Command input</label>
 						<div mt="2.5">
-							<input id="command-input" v-model="input" type="text" name="command-input" block w-full border-0 rounded-md bg="white/5" px="3.5" py-2 text-white shadow-sm ring-1 ring="white/10" ring-inset sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset">
+							<input id="command-input" v-model="input" type="text" name="command-input" class="block w-full border-0 rounded-md bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-white/10 ring-inset" sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset">
 						</div>
 					</div>
-					<div flex justify-end>
+					<div class="flex justify-end">
 						<Btn type="submit">
 							Send command
 						</Btn>
 					</div>
-					<div mt-8>
-						<label for="command-output" block text-sm text-white font-semibold leading-6>Command Output</label>
-						<div mt="2.5">
-							<textarea id="command-output" v-model="result" name="command-output" rows="10" block w-full border-0 rounded-md bg="white/5" px="3.5" py-2 text-white shadow-sm ring-1 ring="white/10" ring-inset sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset" />
+					<div class="mt-8">
+						<label for="command-output" class="block text-sm text-white font-semibold leading-6">Command Output</label>
+						<div class="mt-2.5">
+							<textarea id="command-output" v-model="result" name="command-output" rows="10" class="block w-full border-0 rounded-md bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-white/10 ring-inset" sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset" />
 						</div>
 					</div>
 				</div>
diff --git a/app/pages/file.vue b/app/pages/file.vue
index 80fc590..06a5d74 100644
--- a/app/pages/file.vue
+++ b/app/pages/file.vue
@@ -4,31 +4,31 @@
 		description="Access the file system. For this demo the only allowed permission is read/write to the Documents folder (no sub directories)."
 	>
 		<form @submit.prevent="createDummyFile()">
-			<div mx-auto max-w-xl lg="mr-0 max-w-lg">
-				<div grid grid-cols-1 gap-x-8 gap-y-6>
+			<div class="mx-auto max-w-xl" lg="mr-0 max-w-lg">
+				<div class="grid grid-cols-1 gap-x-8 gap-y-6">
 					<div>
-						<label for="filename-input" block text-sm text-white font-semibold leading-6>
+						<label for="filename-input" class="block text-sm text-white font-semibold leading-6">
 							Text file name
-							<span text-neutral-400 font-light>(with extension)</span>
+							<span class="text-neutral-400 font-light">(with extension)</span>
 						</label>
-						<div mt="2.5">
-							<input id="filename-input" v-model="fileName" type="text" name="filename-input" block w-full border-0 rounded-md bg="white/5" px="3.5" py-2 text-white shadow-sm ring-1 ring="white/10" ring-inset sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset">
+						<div class="mt-2.5">
+							<input id="filename-input" v-model="fileName" type="text" name="filename-input" class="block w-full border-0 rounded-md bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-white/10 ring-inset" sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset">
 						</div>
 					</div>
-					<div mt-8>
-						<label for="filecontent-input" block text-sm text-white font-semibold leading-6>File content</label>
+					<div class="mt-8">
+						<label for="filecontent-input" class="block text-sm text-white font-semibold leading-6">File content</label>
 						<div mt="2.5">
-							<textarea id="filecontent-input" v-model="fileContent" name="filecontent-input" rows="10" block w-full border-0 rounded-md bg="white/5" px="3.5" py-2 text-white shadow-sm ring-1 ring="white/10" ring-inset sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset" />
+							<textarea id="filecontent-input" v-model="fileContent" name="filecontent-input" rows="10" class="block w-full border-0 rounded-md bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-white/10 ring-inset" sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset" />
 						</div>
 					</div>
-					<div flex justify-end gap-3>
-						<div v-if="done" h-full flex-center text-emerald-400 space-x-1>
+					<div class="flex justify-end gap-3">
+						<div v-if="done" class="h-full flex-center text-emerald-400 space-x-1">
 							<p>Done</p>
-							<Icon name="heroicons-solid:check" size-4 />
+							<Icon name="heroicons-solid:check" class="size-4" />
 						</div>
-						<div v-if="error" h-full flex-center text-red-400 space-x-1>
+						<div v-if="error" class="h-full flex-center text-red-400 space-x-1">
 							<p>Error</p>
-							<Icon name="heroicons-solid:exclamation-triangle" size-4 />
+							<Icon name="heroicons-solid:exclamation-triangle" class="size-4" />
 						</div>
 						<Btn type="submit" :disabled="fileName === ''">
 							Create file
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 04f7a3c..c2dc106 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,27 +1,27 @@
 <template>
-	<div relative overflow-hidden px-6 lg="px-8">
-		<div grid mx-auto h-screen max-w-2xl place-content-center>
-			<SvgoLogo :filled="true" :font-controlled="false" mx-auto mb-8 size-40 />
+	<div class="relative overflow-hidden px-6" lg="px-8">
+		<div class="grid mx-auto h-screen max-w-2xl place-content-center">
+			<SvgoLogo :filled="true" :font-controlled="false" class="mx-auto mb-8 size-40" />
 
-			<div text-center>
-				<h1 animate-pulse text-4xl text-light-300 font-bold tracking-wider font-heading sm="text-6xl">
+			<div class="text-center">
+				<h1 class="animate-pulse text-4xl text-light-300 font-bold tracking-wider font-heading" sm="text-6xl">
 					{{ name.toUpperCase() }}
 				</h1>
-				<p mt-5 flex gap-1 text-neutral-300 leading-8>
+				<p class="mt-5 flex gap-1 text-neutral-300 leading-8">
 					Powered by
-					<NuxtLink :to="nuxtSite" target="_blank" text-accent underline>
+					<NuxtLink :to="nuxtSite" target="_blank" class="text-accent underline">
 						Nuxt 3
 					</NuxtLink>
 					-
-					<NuxtLink :to="tauriSite" target="_blank" text-accent underline>
+					<NuxtLink :to="tauriSite" target="_blank" class="text-accent underline">
 						Tauri 2
 					</NuxtLink>
 					-
-					<NuxtLink :to="unoSite" target="_blank" text-accent underline>
+					<NuxtLink :to="unoSite" target="_blank" class="text-accent underline">
 						UnoCSS
 					</NuxtLink>
 				</p>
-				<div mt-15>
+				<div class="mt-15">
 					<Hyperlink :to="repo">
 						Star on GitHub
 					</Hyperlink>
@@ -29,8 +29,8 @@
 			</div>
 		</div>
 
-		<div fixed bottom-6 text-sm absolute-center-h>
-			<p text-sm text-neutral-500>
+		<div class="fixed bottom-6 text-sm absolute-center-h">
+			<p class="text-sm text-neutral-500">
 				Made by {{ author }}
 			</p>
 		</div>
diff --git a/app/pages/notifications.vue b/app/pages/notifications.vue
index 26b828a..aaee8cb 100644
--- a/app/pages/notifications.vue
+++ b/app/pages/notifications.vue
@@ -4,18 +4,18 @@
 		description="Send native notifications to the client using the notification plugin."
 	>
 		<form @submit.prevent="createNotification()">
-			<div class="mx-auto max-w-xl lg:mr-0 lg:max-w-lg">
+			<div class="mx-auto max-w-xl" lg="mr-0 max-w-lg">
 				<div class="grid grid-cols-1 gap-x-8 gap-y-6">
 					<div>
-						<label for="notification-title" block text-sm text-white font-semibold leading-6>Notification title</label>
-						<div mt="2.5">
-							<input id="notification-title" v-model="notificationTitle" type="text" name="notification-title" block w-full border-0 rounded-md bg="white/5" px="3.5" py-2 text-white shadow-sm ring-1 ring="white/10" ring-inset sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset">
+						<label for="notification-title" class="block text-sm text-white font-semibold leading-6">Notification title</label>
+						<div class="mt-2.5">
+							<input id="notification-title" v-model="notificationTitle" type="text" name="notification-title" class="block w-full border-0 rounded-md bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-white/10 ring-inset" sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset">
 						</div>
 					</div>
 					<div>
-						<label for="notification-body" block text-sm text-white font-semibold leading-6>Notification body</label>
-						<div mt="2.5">
-							<input id="notification-body" v-model="notificationBody" type="text" name="notification-body" block w-full border-0 rounded-md bg="white/5" px="3.5" py-2 text-white shadow-sm ring-1 ring="white/10" ring-inset sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset">
+						<label for="notification-body" class="block text-sm text-white font-semibold leading-6">Notification body</label>
+						<div class="mt-2.5">
+							<input id="notification-body" v-model="notificationBody" type="text" name="notification-body" class="block w-full border-0 rounded-md bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-white/10 ring-inset" sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset">
 						</div>
 					</div>
 
@@ -25,7 +25,7 @@
 						</Btn>
 					</div>
 
-					<p v-if="permissionError" mt-3 text-right text-sm text-red-500 font-semibold leading-6>
+					<p v-if="permissionError" class="mt-3 text-right text-sm text-red-500 font-semibold leading-6">
 						Missing permissions
 					</p>
 				</div>
diff --git a/app/pages/os.vue b/app/pages/os.vue
index 0a0878b..3c3c840 100644
--- a/app/pages/os.vue
+++ b/app/pages/os.vue
@@ -3,8 +3,8 @@
 		title="OS Information"
 		description="Read information about the operating system using the OS Information plugin."
 	>
-		<div overflow-hidden rounded-lg bg-neutral-800 shadow>
-			<dl divide-y divide-neutral-600>
+		<div class="overflow-hidden rounded-lg bg-neutral-800 shadow">
+			<dl class="divide-y divide-neutral-600">
 				<TabRow heading="Platform" :body="`${currentPlatform} ${currentVersion}`" />
 				<TabRow heading="Arch" :body="currentArch" />
 				<TabRow heading="Locale" :body="currentLocale" />
diff --git a/app/pages/store.vue b/app/pages/store.vue
index 417c0dc..36aa5c8 100644
--- a/app/pages/store.vue
+++ b/app/pages/store.vue
@@ -4,23 +4,23 @@
 		description="Persistent key-value store. Allows you to handle state to a file which can be saved and loaded on demand including between app restarts."
 	>
 		<form @submit.prevent="setStoreValue()">
-			<div mx-auto max-w-xl lg="mr-0 max-w-lg">
-				<div grid grid-cols-1 gap-x-8 gap-y-6>
+			<div class="mx-auto max-w-xl" lg="mr-0 max-w-lg">
+				<div class="grid grid-cols-1 gap-x-8 gap-y-6">
 					<div>
-						<label for="store-value" block text-sm text-white font-semibold leading-6>Store value</label>
-						<div mt="2.5">
-							<input id="store-value" v-model="input" type="text" name="store-value" block w-full border-0 rounded-md bg="white/5" px="3.5" py-2 text-white shadow-sm ring-1 ring="white/10" ring-inset sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset">
+						<label for="store-value" class="block text-sm text-white font-semibold leading-6">Store value</label>
+						<div class="mt-2.5">
+							<input id="store-value" v-model="input" type="text" name="store-value" class="block w-full border-0 rounded-md bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-white/10 ring-inset" sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset">
 						</div>
 					</div>
-					<div flex justify-end>
+					<div class="flex justify-end">
 						<Btn type="submit">
 							Send command
 						</Btn>
 					</div>
-					<div mt-8>
-						<label for="store-data" block text-sm text-white font-semibold leading-6>Current Store data</label>
-						<div mt="2.5">
-							<textarea id="store-data" v-model="result" name="store-data" rows="10" block w-full border-0 rounded-md bg="white/5" px="3.5" py-2 text-white shadow-sm ring-1 ring="white/10" ring-inset sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset" />
+					<div class="mt-8">
+						<label for="store-data" class="block text-sm text-white font-semibold leading-6">Current Store data</label>
+						<div class="mt-2.5">
+							<textarea id="store-data" v-model="result" name="store-data" rows="10" class="block w-full border-0 rounded-md bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-white/10 ring-inset" sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset" />
 						</div>
 					</div>
 				</div>
@@ -34,13 +34,13 @@
 	const result = ref("");
 	const autosave = ref(false);
 
-	const store = await useTauriStoreCreateStore("store.bin", {
-		autosave: autosave.value
+	const store = await useTauriStoreLoad("store.bin", {
+		autoSave: autosave.value
 	});
 
 	const getStoreValue = async () => {
 		try {
-			result.value = await store.get<string>("myData");
+			result.value = await store.get<string>("myData") || "";
 		} catch (error) {
 			result.value = JSON.stringify(error, null, 4);
 		}
@@ -51,7 +51,6 @@
 	const setStoreValue = async () => {
 		try {
 			await store.set("myData", input.value);
-
 			await getStoreValue();
 		} catch (error) {
 			result.value = JSON.stringify(error, null, 4);