chore: Nuxt 4 upgrade (#7426)

frontend/app/middleware/admin-only.ts

@@ -0,0 +1,7 @@
+export default defineNuxtRouteMiddleware(() => {
+  const { user } = useMealieAuth();
+  // If the user is not an admin redirect to the home page
+  if (!user.value?.admin) {
+    navigateTo("/");
+  }
+});

frontend/app/middleware/advanced-only.ts

@@ -0,0 +1,8 @@
+export default defineNuxtRouteMiddleware(() => {
+  const { user } = useMealieAuth();
+  // If the user is not allowed to access advanced features redirect to the home page
+  if (!user.value?.advanced) {
+    console.warn("User is not allowed to access advanced features");
+    navigateTo("/");
+  }
+});

frontend/app/middleware/can-manage-household-only.ts

@@ -0,0 +1,7 @@
+const { user } = useMealieAuth();
+export default defineNuxtRouteMiddleware(() => {
+  // If the user is not allowed to manage group settings redirect to the home page
+  if (!user.value?.canManageHousehold) {
+    navigateTo("/");
+  }
+});

frontend/app/middleware/can-manage-only.ts

@@ -0,0 +1,8 @@
+export default defineNuxtRouteMiddleware(() => {
+  const { user } = useMealieAuth();
+  // If the user is not allowed to manage group settings redirect to the home page
+  if (!user.value?.canManage) {
+    console.warn("User is not allowed to manage group settings");
+    navigateTo("/");
+  }
+});

frontend/app/middleware/can-organize-only.ts

@@ -0,0 +1,8 @@
+export default defineNuxtRouteMiddleware(() => {
+  const { user } = useMealieAuth();
+  // If the user is not allowed to organize data redirect to the home page
+  if (!user.value?.canOrganize) {
+    console.warn("User is not allowed to organize data");
+    navigateTo("/");
+  }
+});

frontend/app/middleware/group-only.ts

@@ -0,0 +1,7 @@
+export default defineNuxtRouteMiddleware((to) => {
+  const { user } = useMealieAuth();
+  // this can only be used for routes that have a groupSlug parameter (e.g. /g/:groupSlug/...)
+  if (to.params.groupSlug !== user.value?.groupSlug) {
+    navigateTo("/");
+  }
+});

frontend/app/middleware/pwa-share-target-redirect.global.ts

@@ -0,0 +1,10 @@
+export default defineNuxtRouteMiddleware((to) => {
+  if (to.path === "/r/create/url") {
+    const { user } = useMealieAuth();
+    const groupSlug = user.value?.groupSlug;
+    if (!groupSlug) {
+      return navigateTo("/login", { redirectCode: 301 });
+    }
+    return navigateTo(`/g/${groupSlug}${to.fullPath}`, { redirectCode: 301 });
+  }
+});