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/views/ArticleView.vue

@@ -1,7 +1,9 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import DashboardShell from '@/components/DashboardShell.vue'
+</script>
 
 <template>
-	<p>Article</p>
+	<DashboardShell>
+		<p>Articles placeholder.</p>
+	</DashboardShell>
 </template>
-
-<style scoped></style>

web/src/views/EditorView.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import DashboardShell from '@/components/DashboardShell.vue'
+</script>
+
+<template>
+	<DashboardShell>
+		<p>Editor placeholder.</p>
+	</DashboardShell>
+</template>

web/src/views/HomeView.vue

@@ -1,7 +1,9 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import DashboardShell from '@/components/DashboardShell.vue'
+</script>
 
 <template>
-	<p>Home</p>
+	<DashboardShell>
+		<p>Home placeholder.</p>
+	</DashboardShell>
 </template>
-
-<style scoped></style>

web/src/views/IntegrationView.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import DashboardShell from '@/components/DashboardShell.vue'
+</script>
+
+<template>
+	<DashboardShell>
+		<p>Integration placeholder.</p>
+	</DashboardShell>
+</template>

web/src/views/LoginView.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import AuthShell from '@/components/AuthShell.vue'
+</script>
+
+<template>
+	<AuthShell title="Log in">
+		<p>Log in placeholder.</p>
+	</AuthShell>
+</template>

web/src/views/NotFoundView.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { useSessionStore } from '@/stores/session'
+import DashboardShell from '@/components/DashboardShell.vue'
+import AuthShell from '@/components/AuthShell.vue'
+import ErrorView from '@/components/ErrorView.vue'
+
+const session = useSessionStore()
+</script>
+
+<template>
+	<DashboardShell v-if="session.session">
+		<ErrorView kind="not-found" breadcrumb="Not found" />
+	</DashboardShell>
+	<AuthShell v-else title="Page not found">
+		<ErrorView kind="not-found" breadcrumb="Not found" />
+	</AuthShell>
+</template>

web/src/views/PendingView.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import AuthShell from '@/components/AuthShell.vue'
+</script>
+
+<template>
+	<AuthShell title="Check your inbox">
+		<p>Pending verification placeholder.</p>
+	</AuthShell>
+</template>

web/src/views/RegisterView.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import AuthShell from '@/components/AuthShell.vue'
+</script>
+
+<template>
+	<AuthShell title="Create your account">
+		<p>Register placeholder.</p>
+	</AuthShell>
+</template>

web/src/views/ResetConfirmView.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import AuthShell from '@/components/AuthShell.vue'
+</script>
+
+<template>
+	<AuthShell title="Choose a new password">
+		<p>Reset confirm placeholder.</p>
+	</AuthShell>
+</template>

web/src/views/ResetRequestView.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import AuthShell from '@/components/AuthShell.vue'
+</script>
+
+<template>
+	<AuthShell title="Reset your password">
+		<p>Reset request placeholder.</p>
+	</AuthShell>
+</template>

web/src/views/RootView.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import { useSessionStore } from '@/stores/session'
+import ErrorView from '@/components/ErrorView.vue'
+
+const session = useSessionStore()
+
+function onRetry() {
+	session.retry()
+}
+</script>
+
+<template>
+	<ErrorView v-if="session.status === 'error'" kind="error" @retry="onRetry" />
+</template>

web/src/views/VerifyView.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import AuthShell from '@/components/AuthShell.vue'
+</script>
+
+<template>
+	<AuthShell title="Verifying your account">
+		<p>Verify placeholder.</p>
+	</AuthShell>
+</template>

web/src/views/__tests__/HomeView.spec.ts

@@ -1,10 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-import HomeView from '../HomeView.vue'
-
-describe('HomeView', () => {
-	it('renders a paragraph with the text Home', () => {
-		const wrapper = mount(HomeView)
-		expect(wrapper.text()).toContain('Home')
-	})
-})