chore: ⬆️ Upgrade to the latest Shadcn-Vue version

components/errors/AuthRequired.vue

@@ -0,0 +1,29 @@
+<template>
+    <Alert class="grid grid-cols-[1fr_auto]">
+        <LogIn class="size-4" />
+        <AlertTitle>{{ m.sunny_quick_lionfish_flip() }}</AlertTitle>
+        <AlertDescription class="col-start-1">
+            {{ m.brave_known_pelican_drip() }}
+        </AlertDescription>
+        <!-- Add pl-4 because Alert is adding additional padding, which we don't want -->
+        <Button
+            variant="secondary"
+            class="w-full col-start-2 row-start-1 row-span-2 !pl-4"
+            @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>

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>

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>

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>