chore: ⬆️ Upgrade to Nuxt 4

app/app.vue

@@ -15,10 +15,10 @@
 
 <script setup lang="ts">
 import { convert } from "html-to-text";
+import { overwriteGetLocale } from "../paraglide/runtime";
 import ConfirmationModal from "./components/modals/confirm.vue";
 import { Toaster } from "./components/ui/sonner";
 import { TooltipProvider } from "./components/ui/tooltip";
-import { overwriteGetLocale } from "./paraglide/runtime";
 
 // Sin
 //import "~/styles/mcdonalds.css";

app/components/composer/buttons.vue

@@ -52,7 +52,7 @@ import {
     Smile,
     TriangleAlert,
 } from "lucide-vue-next";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 import { Button } from "../ui/button";
 import { Toggle } from "../ui/toggle";
 import ComposerButton from "./button.vue";

app/components/composer/composer.ts

@@ -4,7 +4,7 @@ import { AtSign, Globe, Lock, LockOpen } from "lucide-vue-next";
 import type { FunctionalComponent } from "vue";
 import { toast } from "vue-sonner";
 import type { z } from "zod";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 
 export interface ComposerState {
     relation?: {

app/components/composer/dialog.vue

@@ -8,7 +8,7 @@ import {
     DialogDescription,
     DialogTitle,
 } from "@/components/ui/dialog";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 import Composer from "./composer.vue";
 
 useListen("composer:open", () => {

app/components/errors/AuthRequired.vue

@@ -19,7 +19,7 @@
 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";
+import * as m from "~~/paraglide/messages.js";
 
 const appData = useAppData();
 const signInAction = async () => signIn(appData, await askForInstance());

app/components/errors/NoPosts.vue

@@ -9,7 +9,7 @@
 
 <script lang="ts" setup>
 import { Alert, AlertDescription, AlertTitle } from "~/components/ui/alert";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 </script>
 
 <style></style>

app/components/errors/NotFound.vue

@@ -9,7 +9,7 @@
 
 <script lang="ts" setup>
 import { Alert, AlertDescription, AlertTitle } from "~/components/ui/alert";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 </script>
 
 <style></style>

app/components/errors/ReachedEnd.vue

@@ -9,7 +9,7 @@
 
 <script lang="ts" setup>
 import { Alert, AlertDescription, AlertTitle } from "~/components/ui/alert";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 </script>
 
 <style></style>

app/components/modals/confirm-inline.vue

@@ -12,7 +12,7 @@ import {
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Textarea } from "@/components/ui/textarea";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 import type { ConfirmModalOptions, ConfirmModalResult } from "./composable.ts";
 
 defineProps<{

app/components/modals/confirm.vue

@@ -12,7 +12,7 @@ import {
 import { Button } from "@/components/ui/button";
 import { Input, UrlInput } from "@/components/ui/input";
 import { Textarea } from "@/components/ui/textarea";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 import {
     type ConfirmModalOptions,
     type ConfirmModalResult,

app/components/navigation/mobile-navbar.vue

@@ -30,6 +30,6 @@
 <script lang="ts" setup>
 import { Bell, Home, Pen, User } from "lucide-vue-next";
 import { NuxtLink } from "#components";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 import { Button } from "../ui/button";
 </script>

app/components/navigation/timelines.vue

@@ -14,7 +14,7 @@
 import { BedSingle, Globe, House, MapIcon } from "lucide-vue-next";
 import { NuxtLink } from "#components";
 import { Tabs, TabsList, TabsTrigger } from "~/components/ui/tabs";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 
 const timelines = [
     {

app/components/notes/actions.vue

@@ -24,8 +24,8 @@ import type { CustomEmoji, Status } from "@versia/client/schemas";
 import { Ellipsis, Heart, Quote, Repeat, Reply, Smile } from "lucide-vue-next";
 import { toast } from "vue-sonner";
 import type { z } from "zod";
-import * as m from "~/paraglide/messages.js";
-import { getLocale } from "~/paraglide/runtime";
+import * as m from "~~/paraglide/messages.js";
+import { getLocale } from "~~/paraglide/runtime";
 import { confirmModalService } from "../modals/composable";
 import ActionButton from "./action-button.vue";
 import Menu from "./menu.vue";

app/components/notes/content-warning.vue

@@ -9,7 +9,7 @@
 
 <script lang="ts" setup>
 import { TriangleAlert } from "lucide-vue-next";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 import { Alert, AlertDescription, AlertTitle } from "../ui/alert";
 import { Button } from "../ui/button";
 

app/components/notes/header.vue

@@ -45,12 +45,11 @@ import type {
 import { AtSign, Globe, Lock, LockOpen } from "lucide-vue-next";
 import type { z } from "zod";
 import { cn } from "@/lib/utils";
-import { getLocale } from "~/paraglide/runtime";
+import { getLocale } from "~~/paraglide/runtime";
 import Address from "../profiles/address.vue";
 import Avatar from "../profiles/avatar.vue";
 import SmallCard from "../profiles/small-card.vue";
 import Col from "../typography/layout/col.vue";
-import Row from "../typography/layout/row.vue";
 import Text from "../typography/text.vue";
 import {
     HoverCard,

app/components/notes/menu.vue

@@ -20,7 +20,7 @@ import {
     DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { confirmModalService } from "~/components/modals/composable.ts";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 
 const { authorId, noteId } = defineProps<{
     apiNoteString: string;

app/components/notes/overflow-guard.vue

@@ -17,8 +17,8 @@
 </template>
 
 <script lang="ts" setup>
-import * as m from "~/paraglide/messages.js";
-import { getLocale } from "~/paraglide/runtime";
+import * as m from "~~/paraglide/messages.js";
+import { getLocale } from "~~/paraglide/runtime";
 import { Button } from "../ui/button";
 
 const { characterCount = 0 } = defineProps<{

app/components/notes/reactions/reaction.vue

@@ -44,8 +44,8 @@ import {
     HoverCardContent,
     HoverCardTrigger,
 } from "~/components/ui/hover-card";
-import * as m from "~/paraglide/messages.js";
-import { getLocale } from "~/paraglide/runtime.js";
+import * as m from "~~/paraglide/messages.js";
+import { getLocale } from "~~/paraglide/runtime.js";
 
 const { reaction, emoji, statusId } = defineProps<{
     statusId: string;

app/components/notes/reblog-header.vue

@@ -13,7 +13,7 @@
 import type { CustomEmoji } from "@versia/client/schemas";
 import { Repeat } from "lucide-vue-next";
 import type { z } from "zod";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 import Avatar from "../profiles/avatar.vue";
 import { Card } from "../ui/card";
 

app/components/notifications/follow-request.vue

@@ -34,7 +34,7 @@ import { Check, Loader, X } from "lucide-vue-next";
 import { toast } from "vue-sonner";
 import type { z } from "zod";
 import { Button } from "~/components/ui/button";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 import Address from "../profiles/address.vue";
 import Avatar from "../profiles/avatar.vue";
 

app/components/notifications/notification.vue

@@ -78,7 +78,7 @@ import {
     TooltipContent,
     TooltipTrigger,
 } from "~/components/ui/tooltip";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 import Note from "../notes/note.vue";
 import Avatar from "../profiles/avatar.vue";
 import FollowRequest from "./follow-request.vue";

app/components/oauth/login.vue

@@ -13,7 +13,7 @@ import {
 } from "@/components/ui/form";
 import { Button } from "~/components/ui/button";
 import { Input } from "~/components/ui/input";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 
 const { instance } = defineProps<{
     instance: z.infer<typeof Instance>;

app/components/preferences/dialog.vue

@@ -15,7 +15,7 @@ import {
     DialogHeader,
     DialogTitle,
 } from "@/components/ui/dialog";
-import pkg from "~/package.json";
+import pkg from "~~/package.json";
 import Avatar from "../profiles/avatar.vue";
 import TinyCard from "../profiles/tiny-card.vue";
 import { Separator } from "../ui/separator";

app/components/preferences/emojis/batch-dropdown.vue

@@ -24,7 +24,7 @@ import {
     DropdownMenuItem,
     DropdownMenuTrigger,
 } from "~/components/ui/dropdown-menu";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 
 const { emojis } = defineProps<{
     emojis: z.infer<typeof CustomEmoji>[];

app/components/preferences/emojis/dropdown.vue

@@ -36,7 +36,7 @@ import {
     DropdownMenuItem,
     DropdownMenuTrigger,
 } from "~/components/ui/dropdown-menu";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 
 const { emoji } = defineProps<{
     emoji: z.infer<typeof CustomEmoji>;

app/components/preferences/emojis/uploader.vue

@@ -186,7 +186,7 @@ import {
 import { Input } from "~/components/ui/input";
 import { Switch } from "~/components/ui/switch";
 import { Textarea } from "~/components/ui/textarea";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 
 const open = ref(false);
 const permissions = usePermissions();

app/components/preferences/preferences.ts

@@ -1,4 +1,4 @@
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 import {
     BooleanPreference,
     CodePreference,

app/components/preferences/profile.ts

@@ -1,6 +1,6 @@
 import { toTypedSchema } from "@vee-validate/zod";
 import { z } from "zod";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 
 const characterRegex = new RegExp(/^[a-z0-9_-]+$/);
 

app/components/preferences/profile.vue

@@ -72,7 +72,7 @@ import { useForm } from "vee-validate";
 import { toast } from "vue-sonner";
 import SwitchInput from "~/components/form/switch.vue";
 import TextInput from "~/components/form/text.vue";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 import { Alert, AlertDescription, AlertTitle } from "../ui/alert";
 import { Button } from "../ui/button";
 import { FormField } from "../ui/form";

app/components/preferences/profile/fields.vue

@@ -41,7 +41,7 @@ import {
     FormMessage,
 } from "~/components/ui/form";
 import { Input } from "~/components/ui/input";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 
 const { title } = defineProps<{
     title: string;

app/components/preferences/profile/image-uploader.vue

@@ -166,7 +166,7 @@ import {
 import { Input } from "~/components/ui/input";
 import { Label } from "~/components/ui/label";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "~/components/ui/tabs";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 
 const { maxSize } = defineProps<{
     displayName?: string;

app/components/preferences/stats.vue

@@ -16,7 +16,7 @@
 
 <script lang="tsx" setup>
 import type { VNode } from "vue";
-import pkg from "~/package.json";
+import pkg from "~~/package.json";
 import { Card } from "../ui/card";
 
 const data: [string, string | VNode][] = [

app/components/profiles/address.vue

@@ -9,7 +9,7 @@
 import Text from "../typography/text.vue";
 
 const { username, domain } = defineProps<{
-    username: string;
+    username?: string;
     domain?: string;
 }>();
 </script>

app/components/profiles/profile-actions.vue

@@ -85,7 +85,7 @@ import {
     DropdownMenuSeparator,
     DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 
 const { account } = defineProps<{
     account: z.infer<typeof Account>;

app/components/profiles/profile-badges.vue

@@ -26,7 +26,7 @@
 <script lang="ts" setup>
 import type { Account } from "@versia/client/schemas";
 import type { z } from "zod";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 import Row from "../typography/layout/row.vue";
 import ProfileBadge from "./profile-badge.vue";
 

app/components/profiles/profile-relationship-actions.vue

@@ -20,7 +20,7 @@ import { Loader } from "lucide-vue-next";
 import { toast } from "vue-sonner";
 import type { z } from "zod";
 import { Button } from "~/components/ui/button";
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 import { confirmModalService } from "../modals/composable";
 
 const { account } = defineProps<{

app/components/profiles/profile-stats.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script lang="ts" setup>
-import * as m from "~/paraglide/messages.js";
+import * as m from "~~/paraglide/messages.js";
 import Bold from "../typography/bold.vue";
 import Col from "../typography/layout/col.vue";
 import Row from "../typography/layout/row.vue";

app/components/profiles/profile.vue

@@ -38,7 +38,7 @@ import type { z } from "zod";
 import { Button } from "~/components/ui/button";
 import { Card } from "~/components/ui/card";
 import { Separator } from "~/components/ui/separator";
-import { getLocale } from "~/paraglide/runtime";
+import { getLocale } from "~~/paraglide/runtime";
 import HeadingSmall from "../typography/headings/small.vue";
 import Html from "../typography/html.vue";
 import Col from "../typography/layout/col.vue";