feat: PrimeVue replaced by Nuxt UI using token files from web/src/theme, with AuthShell, DashboardShell, AppBoot and the route guards from routes.md

web/src/components/AuthShell.vue

@@ -0,0 +1,42 @@
+<script setup lang="ts">
+import { useSlots, watch } from 'vue'
+
+const props = defineProps<{
+	title: string
+	description?: string
+}>()
+
+const slots = useSlots()
+
+watch(
+	() => props.title,
+	(title) => {
+		document.title = `${title} · RenewCMS`
+	},
+	{ immediate: true },
+)
+</script>
+
+<template>
+	<main class="flex min-h-screen flex-col items-center bg-default px-5 pt-[12vh] sm:px-0">
+		<UAlert v-if="slots.notice" class="mb-4 w-full sm:max-w-[400px]">
+			<template #description>
+				<slot name="notice" />
+			</template>
+		</UAlert>
+
+		<UPageCard variant="outline" class="w-full sm:max-w-[400px]">
+			<span role="img" aria-label="RenewCMS" class="i-lucide-square inline-block h-8 w-8" />
+
+			<h1>{{ title }}</h1>
+			<p v-if="description">{{ description }}</p>
+
+			<slot />
+		</UPageCard>
+
+		<footer class="mt-4 flex w-full items-center justify-between sm:max-w-[400px]">
+			<slot name="footer" />
+			<UColorModeSelect size="sm" />
+		</footer>
+	</main>
+</template>