chore: ⬆️ Upgrade to Nuxt 4

app/components/errors/AuthRequired.vue

@@ -0,0 +1,28 @@
+<template>
+    <Alert layout="button">
+        <LogIn />
+        <AlertTitle>{{ m.sunny_quick_lionfish_flip() }}</AlertTitle>
+        <AlertDescription>
+            {{ m.brave_known_pelican_drip() }}
+        </AlertDescription>
+        <Button
+            variant="secondary"
+            class="w-full"
+            @click="signInAction"
+        >
+            {{ m.fuzzy_sea_moth_absorb() }}
+        </Button>
+    </Alert>
+</template>
+
+<script lang="ts" setup>
+import { LogIn } from "lucide-vue-next";
+import { Alert, AlertDescription, AlertTitle } from "~/components/ui/alert";
+import { Button } from "~/components/ui/button";
+import * as m from "~~/paraglide/messages.js";
+
+const appData = useAppData();
+const signInAction = async () => signIn(appData, await askForInstance());
+</script>
+
+<style></style>

app/components/errors/NoPosts.vue

@@ -0,0 +1,15 @@
+<template>
+    <Alert>
+        <AlertTitle>{{ m.fine_arable_lemming_fold() }}</AlertTitle>
+        <AlertDescription>
+            {{ m.petty_honest_fish_stir() }}
+        </AlertDescription>
+    </Alert>
+</template>
+
+<script lang="ts" setup>
+import { Alert, AlertDescription, AlertTitle } from "~/components/ui/alert";
+import * as m from "~~/paraglide/messages.js";
+</script>
+
+<style></style>

app/components/errors/NotFound.vue

@@ -0,0 +1,15 @@
+<template>
+    <Alert>
+        <AlertTitle>{{ m.empty_awful_lark_dart() }}</AlertTitle>
+        <AlertDescription>
+            {{ m.clean_even_mayfly_tap() }}
+        </AlertDescription>
+    </Alert>
+</template>
+
+<script lang="ts" setup>
+import { Alert, AlertDescription, AlertTitle } from "~/components/ui/alert";
+import * as m from "~~/paraglide/messages.js";
+</script>
+
+<style></style>

app/components/errors/ReachedEnd.vue

@@ -0,0 +1,15 @@
+<template>
+    <Alert>
+        <AlertTitle>{{ m.steep_suave_fish_snap() }}</AlertTitle>
+        <AlertDescription>
+            {{ m.muddy_bland_shark_accept() }}
+        </AlertDescription>
+    </Alert>
+</template>
+
+<script lang="ts" setup>
+import { Alert, AlertDescription, AlertTitle } from "~/components/ui/alert";
+import * as m from "~~/paraglide/messages.js";
+</script>
+
+<style></style>

app/components/errors/noscript.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import SquarePattern from "../graphics/square-pattern.vue";
+</script>
+
+<template>
+    <div class="grid min-h-screen place-items-center px-6 py-24 sm:py-32 lg:px-8 fixed inset-0 z-[1000000] bg-dark-900">
+        <SquarePattern />
+        <div class="prose prose-invert max-w-lg">
+            <h1 class="mt-4 text-3xl font-bold tracking-tight text-gray-100 sm:text-5xl">JavaScript is disabled
+            </h1>
+            <p class="mt-6 text-base leading-7 text-gray-400">
+                This website requires JavaScript to function properly. Please enable JavaScript in your browser
+                settings.
+            </p>
+            <p class="mt-6 text-base leading-7 text-gray-400">
+                If you are using a browser that does not support JavaScript, please consider using a modern browser
+                like <a href="https://www.mozilla.org/firefox/new/" class="underline">Firefox</a> or <a
+                    href="https://www.google.com/chrome/" class="underline">Chrome</a>.
+            </p>
+            <p class="mt-6 text-base leading-7 text-gray-400">
+                This application does not track you, collect user data, use cookies of any kind or send requests to
+                servers outside of your account's instance.
+            </p>
+        </div>
+    </div>
+</template>