fix types

Author: AlexAndBear

packages/web-app-mail/package.json

@@ -18,7 +18,7 @@
     "mark.js": "^8.11.1",
     "pinia": "3.0.3",
     "vue-concurrency": "5.0.3",
-    "vue-router": "4.5.1",
+    "vue-router": "^4.2.5",
     "vue3-gettext": "2.4.0",
     "zod": "4.1.12"
   },

packages/web-app-mail/src/index.ts

@@ -1,6 +1,10 @@
 import translations from '../l10n/translations.json'
 import { useGettext } from 'vue3-gettext'
 import { computed } from 'vue'
+import Inbox from './views/Inbox.vue'
+import MailCompose from './views/MailCompose.vue'
+import LayoutContainer from './LayoutContainer.vue'
+import EmptyLayoutContainer from './EmptyLayoutContainer.vue'
 
 import {
   AppMenuItemExtension,
@@ -26,38 +30,39 @@ export default defineWebApplication({
 
     const routes: RouteRecordRaw[] = [
       {
-        path: '/',
-        name: 'root',
-        component: () => import('./LayoutContainer.vue'),
+        path: '',
+        name: 'mail-root',
+        component: LayoutContainer,
         meta: {
           authContext: 'user'
         },
         children: [
           {
             path: '',
-            redirect: urlJoin(appInfo.id, 'all', 'inbox')
+            redirect: { name: 'mail-all-inbox' }
           },
           {
             path: 'create',
             name: 'mail-create',
-            component: () => import('./views/MailCompose.vue'),
+            component: MailCompose,
             meta: {
               authContext: 'user',
               title: $gettext('Create new email')
             }
           },
           {
             path: 'all',
-            name: 'all',
-            component: () => import('./EmptyLayoutContainer.vue'),
+            name: 'mail-all',
+            component: EmptyLayoutContainer,
+            redirect: { name: 'mail-all-inbox' },
             meta: {
               authContext: 'user'
             },
             children: [
               {
                 path: 'inbox',
-                name: 'all-inbox',
-                component: () => import('./views/Inbox.vue'),
+                name: 'mail-all-inbox',
+                component: Inbox,
                 meta: {
                   authContext: 'user',
                   title: $gettext('All emails')