From 20b77061ad491f27e2987fc519216ed96314dcc4 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Fri, 17 Jan 2025 14:57:06 +0100
Subject: [PATCH] feat: re-add route names, meta and props via definePage

---
 frontend/src/pages/[[...path]]+.vue           |  5 ++
 .../src/pages/[[auth]]/get-password-reset.vue |  5 ++
 frontend/src/pages/[[auth]]/login.vue         |  5 ++
 .../src/pages/[[auth]]/password-reset.vue     |  5 ++
 frontend/src/pages/[[auth]]/register.vue      |  5 ++
 frontend/src/pages/about.vue                  |  2 +
 frontend/src/pages/auth/openid/[provider].vue |  2 +
 .../filters/[projectId]/settings/delete.vue   |  6 ++
 .../filters/[projectId]/settings/edit.vue     |  6 ++
 frontend/src/pages/filters/new.vue            |  5 ++
 frontend/src/pages/labels/(labels).vue        |  2 +
 frontend/src/pages/labels/new.vue             |  2 +
 frontend/src/pages/migrate/[service].vue      | 23 +++---
 frontend/src/pages/projects/(projects).vue    |  2 +
 .../projects/[[parentProjectId]]/new.vue      |  8 ++
 .../src/pages/projects/[projectId]/info.vue   |  6 ++
 .../projects/[projectId]/settings/archive.vue |  6 ++
 .../[projectId]/settings/background.vue       |  6 ++
 .../projects/[projectId]/settings/delete.vue  |  6 ++
 .../[projectId]/settings/duplicate.vue        |  6 ++
 .../projects/[projectId]/settings/edit.vue    |  6 ++
 .../projects/[projectId]/settings/share.vue   |  6 ++
 .../projects/[projectId]/settings/views.vue   |  6 ++
 .../[projectId]/settings/webhooks.vue         |  6 ++
 frontend/src/pages/share/[share]/auth.vue     |  2 +
 frontend/src/pages/task/[id].vue              |  5 ++
 frontend/src/pages/tasks/by/upcoming.vue      |  4 +-
 frontend/src/pages/teams/(teams).vue          |  2 +
 frontend/src/pages/teams/[id]/edit.vue        |  2 +
 frontend/src/pages/teams/new.vue              |  5 ++
 frontend/src/pages/user/export/download.vue   |  2 +
 frontend/src/pages/user/settings.vue          |  2 +
 .../src/pages/user/settings/api-tokens.vue    |  2 +
 frontend/src/pages/user/settings/avatar.vue   |  2 +
 frontend/src/pages/user/settings/caldav.vue   |  2 +
 .../src/pages/user/settings/data-export.vue   |  2 +
 frontend/src/pages/user/settings/deletion.vue |  2 +
 .../src/pages/user/settings/email-update.vue  |  2 +
 frontend/src/pages/user/settings/general.vue  |  2 +
 frontend/src/pages/user/settings/migrate.vue  |  2 +
 .../pages/user/settings/password-update.vue   |  2 +
 frontend/src/pages/user/settings/totp.vue     |  2 +
 frontend/src/router/index.ts                  |  2 -
 frontend/typed-router.d.ts                    | 82 +++++++++----------
 44 files changed, 210 insertions(+), 55 deletions(-)

diff --git a/frontend/src/pages/[[...path]]+.vue b/frontend/src/pages/[[...path]]+.vue
index 91a192171..ef5eafca6 100644
--- a/frontend/src/pages/[[...path]]+.vue
+++ b/frontend/src/pages/[[...path]]+.vue
@@ -8,5 +8,10 @@
 <script setup lang="ts">
 import {useTitle} from '@/composables/useTitle'
 
+definePage({
+	name: 'not-found',
+	alias: '/:pathMatch(.*)*',
+})
+
 useTitle(() => '404')
 </script>
diff --git a/frontend/src/pages/[[auth]]/get-password-reset.vue b/frontend/src/pages/[[auth]]/get-password-reset.vue
index 01643c382..76915b485 100644
--- a/frontend/src/pages/[[auth]]/get-password-reset.vue
+++ b/frontend/src/pages/[[auth]]/get-password-reset.vue
@@ -71,6 +71,11 @@ import PasswordResetModel from '@/models/passwordReset'
 import PasswordResetService from '@/services/passwordReset'
 import Message from '@/components/misc/Message.vue'
 
+definePage({
+	name: 'user.password-reset.request',
+	meta: { title: 'user.auth.resetPassword' },
+})
+
 const passwordResetService = shallowReactive(new PasswordResetService())
 const passwordReset = ref(new PasswordResetModel())
 const errorMsg = ref('')
diff --git a/frontend/src/pages/[[auth]]/login.vue b/frontend/src/pages/[[auth]]/login.vue
index d0940c649..1ddcbd0ce 100644
--- a/frontend/src/pages/[[auth]]/login.vue
+++ b/frontend/src/pages/[[auth]]/login.vue
@@ -161,6 +161,11 @@ import {useConfigStore} from '@/stores/config'
 
 import {useTitle} from '@/composables/useTitle'
 
+definePage({
+	name: 'user.login',
+	meta: { title: 'user.auth.login' },
+})
+
 const {t} = useI18n({useScope: 'global'})
 useTitle(() => t('user.auth.login'))
 
diff --git a/frontend/src/pages/[[auth]]/password-reset.vue b/frontend/src/pages/[[auth]]/password-reset.vue
index fe3636af6..b69337069 100644
--- a/frontend/src/pages/[[auth]]/password-reset.vue
+++ b/frontend/src/pages/[[auth]]/password-reset.vue
@@ -58,6 +58,11 @@ import PasswordResetService from '@/services/passwordReset'
 import Message from '@/components/misc/Message.vue'
 import Password from '@/components/input/Password.vue'
 
+definePage({
+	name: 'user.password-reset.reset',
+	meta: { title: 'user.auth.resetPassword' },
+})
+
 const credentials = reactive({
 	password: '',
 })
diff --git a/frontend/src/pages/[[auth]]/register.vue b/frontend/src/pages/[[auth]]/register.vue
index 72151e5b3..c37057c2f 100644
--- a/frontend/src/pages/[[auth]]/register.vue
+++ b/frontend/src/pages/[[auth]]/register.vue
@@ -129,6 +129,11 @@ import {useAuthStore} from '@/stores/auth'
 import {useConfigStore} from '@/stores/config'
 import {validatePassword} from '@/helpers/validatePasswort'
 
+definePage({
+	name: 'user.register',
+	meta: { title: 'user.auth.createAccount' },
+})
+
 const {t} = useI18n()
 const authStore = useAuthStore()
 const configStore = useConfigStore()
diff --git a/frontend/src/pages/about.vue b/frontend/src/pages/about.vue
index b50615070..312d82611 100644
--- a/frontend/src/pages/about.vue
+++ b/frontend/src/pages/about.vue
@@ -32,6 +32,8 @@ import {computed} from 'vue'
 
 import {useConfigStore} from '@/stores/config'
 
+definePage({ name: 'about' })
+
 const configStore = useConfigStore()
 const apiVersion = computed(() => configStore.version)
 </script>
diff --git a/frontend/src/pages/auth/openid/[provider].vue b/frontend/src/pages/auth/openid/[provider].vue
index 0325b2e0e..c79c77772 100644
--- a/frontend/src/pages/auth/openid/[provider].vue
+++ b/frontend/src/pages/auth/openid/[provider].vue
@@ -34,6 +34,8 @@ import {useRedirectToLastVisited} from '@/composables/useRedirectToLastVisited'
 
 import {useAuthStore} from '@/stores/auth'
 
+definePage({ name: 'openid.auth' })
+
 const {t} = useI18n({useScope: 'global'})
 
 const route = useRoute()
diff --git a/frontend/src/pages/filters/[projectId]/settings/delete.vue b/frontend/src/pages/filters/[projectId]/settings/delete.vue
index c0362dcae..7fdbff7fc 100644
--- a/frontend/src/pages/filters/[projectId]/settings/delete.vue
+++ b/frontend/src/pages/filters/[projectId]/settings/delete.vue
@@ -17,6 +17,12 @@
 import type {IProject} from '@/modelTypes/IProject'
 import {useSavedFilter} from '@/services/savedFilter'
 
+definePage({
+	name: 'filter.settings.delete',
+	meta: { showAsModal: true },
+	props: route => ({ projectId: Number(route.params.projectId as string) }),
+})
+
 const props = defineProps<{
 	projectId: IProject['id'],
 }>()
diff --git a/frontend/src/pages/filters/[projectId]/settings/edit.vue b/frontend/src/pages/filters/[projectId]/settings/edit.vue
index 8ab6ab81c..32fceabdb 100644
--- a/frontend/src/pages/filters/[projectId]/settings/edit.vue
+++ b/frontend/src/pages/filters/[projectId]/settings/edit.vue
@@ -77,6 +77,12 @@ import {useSavedFilter} from '@/services/savedFilter'
 
 import type {IProject} from '@/modelTypes/IProject'
 
+definePage({
+	name: 'filter.settings.edit',
+	meta: { showAsModal: true },
+	props: route => ({ projectId: Number(route.params.projectId as string) }),
+})
+
 const props = defineProps<{
 	projectId: IProject['id'],
 }>()
diff --git a/frontend/src/pages/filters/new.vue b/frontend/src/pages/filters/new.vue
index 11eb0af72..0556f82fb 100644
--- a/frontend/src/pages/filters/new.vue
+++ b/frontend/src/pages/filters/new.vue
@@ -88,6 +88,11 @@ import Filters from '@/components/project/partials/Filters.vue'
 
 import {useSavedFilter} from '@/services/savedFilter'
 
+definePage({
+	name: 'filters.create',
+	meta: { showAsModal: true },
+})
+
 const {
 	filter,
 	filters,
diff --git a/frontend/src/pages/labels/(labels).vue b/frontend/src/pages/labels/(labels).vue
index 254df3f00..0c0565479 100644
--- a/frontend/src/pages/labels/(labels).vue
+++ b/frontend/src/pages/labels/(labels).vue
@@ -149,6 +149,8 @@ import {useLabelStore} from '@/stores/labels'
 
 import { useTitle } from '@/composables/useTitle'
 
+definePage({ name: 'labels.index' })
+
 const {t} = useI18n({useScope: 'global'})
 
 const labelEditLabel = ref<ILabel>(new LabelModel())
diff --git a/frontend/src/pages/labels/new.vue b/frontend/src/pages/labels/new.vue
index 0ef4cb924..325f65939 100644
--- a/frontend/src/pages/labels/new.vue
+++ b/frontend/src/pages/labels/new.vue
@@ -54,6 +54,8 @@ import {useTitle} from '@/composables/useTitle'
 import {success} from '@/message'
 import {getRandomColorHex} from '@/helpers/color/randomColor'
 
+definePage({ name: 'labels.create' })
+
 const router = useRouter()
 
 const {t} = useI18n({useScope: 'global'})
diff --git a/frontend/src/pages/migrate/[service].vue b/frontend/src/pages/migrate/[service].vue
index 19d8042eb..f52ef65c4 100644
--- a/frontend/src/pages/migrate/[service].vue
+++ b/frontend/src/pages/migrate/[service].vue
@@ -110,16 +110,6 @@
 	</div>
 </template>
 
-<script lang="ts">
-export default {
-	beforeRouteEnter(to) {
-		if (MIGRATORS[to.params.service as string] === undefined) {
-			return {name: 'not-found'}
-		}
-	},
-}
-</script>
-
 <script setup lang="ts">
 import {computed, ref, shallowReactive} from 'vue'
 import {useI18n} from 'vue-i18n'
@@ -138,6 +128,19 @@ import {useTitle} from '@/composables/useTitle'
 import {useProjectStore} from '@/stores/projects'
 import {getErrorText} from '@/message'
 
+definePage({
+	name: 'migrate.service',
+	props: route => ({
+		service: route.params.service as string,
+		code: route.query.code as string,
+	}),
+	beforeEnter(to) {
+		if (MIGRATORS[to.params.service as string] === undefined) {
+			return {name: 'not-found'}
+		}
+	},
+})
+
 const props = defineProps<{
 	service: string,
 	code?: string,
diff --git a/frontend/src/pages/projects/(projects).vue b/frontend/src/pages/projects/(projects).vue
index 782f2290b..fe0648e95 100644
--- a/frontend/src/pages/projects/(projects).vue
+++ b/frontend/src/pages/projects/(projects).vue
@@ -48,6 +48,8 @@ import {useStorage} from '@vueuse/core'
 
 import {useProjectStore} from '@/stores/projects'
 
+definePage({ name: 'projects.index' })
+
 const {t} = useI18n()
 const projectStore = useProjectStore()
 
diff --git a/frontend/src/pages/projects/[[parentProjectId]]/new.vue b/frontend/src/pages/projects/[[parentProjectId]]/new.vue
index 489436221..58187374e 100644
--- a/frontend/src/pages/projects/[[parentProjectId]]/new.vue
+++ b/frontend/src/pages/projects/[[parentProjectId]]/new.vue
@@ -65,6 +65,14 @@ import {useProjectStore} from '@/stores/projects'
 import ProjectSearch from '@/components/tasks/partials/ProjectSearch.vue'
 import type {IProject} from '@/modelTypes/IProject'
 
+definePage({
+	name: 'project.create',
+	props: route => ({ parentProjectId: Number(route.params.parentProjectId as string) }),
+	meta: {
+		showAsModal: true,
+	},
+})
+
 const props = defineProps<{
 	parentProjectId?: number,
 }>()
diff --git a/frontend/src/pages/projects/[projectId]/info.vue b/frontend/src/pages/projects/[projectId]/info.vue
index 179e873e1..965f83ca3 100644
--- a/frontend/src/pages/projects/[projectId]/info.vue
+++ b/frontend/src/pages/projects/[projectId]/info.vue
@@ -25,6 +25,12 @@ import {computed} from 'vue'
 import DOMPurify from 'dompurify'
 import {useProjectStore} from '@/stores/projects'
 
+definePage({
+	name: 'project.info',
+	meta: { showAsModal: true },
+	props: route => ({ projectId: Number(route.params.projectId as string) }),
+})
+
 const props = defineProps<{
 	projectId: number
 }>()
diff --git a/frontend/src/pages/projects/[projectId]/settings/archive.vue b/frontend/src/pages/projects/[projectId]/settings/archive.vue
index abf928187..3641b15ae 100644
--- a/frontend/src/pages/projects/[projectId]/settings/archive.vue
+++ b/frontend/src/pages/projects/[projectId]/settings/archive.vue
@@ -28,6 +28,12 @@ import {useTitle} from '@/composables/useTitle'
 import {useBaseStore} from '@/stores/base'
 import {useProjectStore} from '@/stores/projects'
 
+definePage({
+	name: 'project.settings.archive',
+	meta: { showAsModal: true },
+	props: route => ({ projectId: Number(route.params.projectId as string) }),
+})
+
 const {t} = useI18n({useScope: 'global'})
 const projectStore = useProjectStore()
 const router = useRouter()
diff --git a/frontend/src/pages/projects/[projectId]/settings/background.vue b/frontend/src/pages/projects/[projectId]/settings/background.vue
index c6bd42691..fe4f056a7 100644
--- a/frontend/src/pages/projects/[projectId]/settings/background.vue
+++ b/frontend/src/pages/projects/[projectId]/settings/background.vue
@@ -133,6 +133,12 @@ import {useTitle} from '@/composables/useTitle'
 import CreateEdit from '@/components/misc/CreateEdit.vue'
 import {success} from '@/message'
 
+definePage({
+	name: 'project.settings.background',
+	meta: { showAsModal: true },
+	props: route => ({ projectId: Number(route.params.projectId as string) }),
+})
+
 const SEARCH_DEBOUNCE = 300
 
 const {t} = useI18n({useScope: 'global'})
diff --git a/frontend/src/pages/projects/[projectId]/settings/delete.vue b/frontend/src/pages/projects/[projectId]/settings/delete.vue
index 74512eee7..c3773014f 100644
--- a/frontend/src/pages/projects/[projectId]/settings/delete.vue
+++ b/frontend/src/pages/projects/[projectId]/settings/delete.vue
@@ -41,6 +41,12 @@ import Loading from '@/components/misc/Loading.vue'
 import {useProjectStore} from '@/stores/projects'
 import TaskService from '@/services/task'
 
+definePage({
+	name: 'project.settings.delete',
+	meta: { showAsModal: true },
+	props: route => ({ projectId: Number(route.params.projectId as string) }),
+})
+
 const {t} = useI18n({useScope: 'global'})
 const projectStore = useProjectStore()
 const route = useRoute()
diff --git a/frontend/src/pages/projects/[projectId]/settings/duplicate.vue b/frontend/src/pages/projects/[projectId]/settings/duplicate.vue
index aa35f809d..8704e128b 100644
--- a/frontend/src/pages/projects/[projectId]/settings/duplicate.vue
+++ b/frontend/src/pages/projects/[projectId]/settings/duplicate.vue
@@ -24,6 +24,12 @@ import {useTitle} from '@/composables/useTitle'
 import {useProject, useProjectStore} from '@/stores/projects'
 import type {IProject} from '@/modelTypes/IProject'
 
+definePage({
+	name: 'project.settings.duplicate',
+	meta: { showAsModal: true },
+	props: route => ({ projectId: Number(route.params.projectId as string) }),
+})
+
 const {t} = useI18n({useScope: 'global'})
 useTitle(() => t('project.duplicate.title'))
 
diff --git a/frontend/src/pages/projects/[projectId]/settings/edit.vue b/frontend/src/pages/projects/[projectId]/settings/edit.vue
index 4243ba2f9..5f0902494 100644
--- a/frontend/src/pages/projects/[projectId]/settings/edit.vue
+++ b/frontend/src/pages/projects/[projectId]/settings/edit.vue
@@ -101,6 +101,12 @@ import {useProject} from '@/stores/projects'
 import {useTitle} from '@/composables/useTitle'
 import {RIGHTS} from '@/constants/rights'
 
+definePage({
+	name: 'project.settings.edit',
+	meta: { showAsModal: true },
+	props: route => ({ projectId: Number(route.params.projectId as string) }),
+})
+
 const props = defineProps<{
 	projectId: IProject['id'],
 }>()
diff --git a/frontend/src/pages/projects/[projectId]/settings/share.vue b/frontend/src/pages/projects/[projectId]/settings/share.vue
index 900641971..ec4830a45 100644
--- a/frontend/src/pages/projects/[projectId]/settings/share.vue
+++ b/frontend/src/pages/projects/[projectId]/settings/share.vue
@@ -48,6 +48,12 @@ import userTeam from '@/components/sharing/UserTeam.vue'
 import {useBaseStore} from '@/stores/base'
 import {useConfigStore} from '@/stores/config'
 
+definePage({
+	name: 'project.settings.share',
+	meta: { showAsModal: true },
+	props: route => ({ projectId: Number(route.params.projectId as string) }),
+})
+
 const {t} = useI18n({useScope: 'global'})
 
 const project = ref<IProject>()
diff --git a/frontend/src/pages/projects/[projectId]/settings/views.vue b/frontend/src/pages/projects/[projectId]/settings/views.vue
index c2ac67377..31a678598 100644
--- a/frontend/src/pages/projects/[projectId]/settings/views.vue
+++ b/frontend/src/pages/projects/[projectId]/settings/views.vue
@@ -16,6 +16,12 @@ import Message from '@/components/misc/Message.vue'
 import draggable from 'zhyswan-vuedraggable'
 import {calculateItemPosition} from '@/helpers/calculateItemPosition'
 
+definePage({
+	name: 'project.settings.views',
+	meta: { showAsModal: true },
+	props: route => ({ projectId: Number(route.params.projectId as string) }),
+})
+
 const props = defineProps<{
 	projectId: number
 }>()
diff --git a/frontend/src/pages/projects/[projectId]/settings/webhooks.vue b/frontend/src/pages/projects/[projectId]/settings/webhooks.vue
index 9872789fd..f0d8c72a3 100644
--- a/frontend/src/pages/projects/[projectId]/settings/webhooks.vue
+++ b/frontend/src/pages/projects/[projectId]/settings/webhooks.vue
@@ -25,6 +25,12 @@ import FancyCheckbox from '@/components/input/FancyCheckbox.vue'
 import {success} from '@/message'
 import {isValidHttpUrl} from '@/helpers/isValidHttpUrl'
 
+definePage({
+	name: 'project.settings.webhooks',
+	meta: { showAsModal: true },
+	props: route => ({ projectId: Number(route.params.projectId as string) }),
+})
+
 const {t} = useI18n({useScope: 'global'})
 
 const project = ref<IProject>()
diff --git a/frontend/src/pages/share/[share]/auth.vue b/frontend/src/pages/share/[share]/auth.vue
index 8fb1cde98..0ef17b45e 100644
--- a/frontend/src/pages/share/[share]/auth.vue
+++ b/frontend/src/pages/share/[share]/auth.vue
@@ -55,6 +55,8 @@ import {useBaseStore} from '@/stores/base'
 import {useAuthStore} from '@/stores/auth'
 import {useRedirectToLastVisited} from '@/composables/useRedirectToLastVisited'
 
+definePage({ name: 'link-share.auth' })
+
 const {t} = useI18n({useScope: 'global'})
 useTitle(t('sharing.authenticating'))
 const {getLastVisitedRoute} = useRedirectToLastVisited()
diff --git a/frontend/src/pages/task/[id].vue b/frontend/src/pages/task/[id].vue
index a7b3a80f0..7a45e0f8f 100644
--- a/frontend/src/pages/task/[id].vue
+++ b/frontend/src/pages/task/[id].vue
@@ -644,6 +644,11 @@ import {useTitle} from '@/composables/useTitle'
 import {success} from '@/message'
 import type {Action as MessageAction} from '@/message'
 
+definePage({
+	name: 'task.detail',
+	props: route => ({ taskId: Number(route.params.id as string) }),
+})
+
 const props = defineProps<{
 	taskId: ITask['id'],
 	backdropView?: RouteLocation['fullPath'],
diff --git a/frontend/src/pages/tasks/by/upcoming.vue b/frontend/src/pages/tasks/by/upcoming.vue
index c0559021f..bfadd084f 100644
--- a/frontend/src/pages/tasks/by/upcoming.vue
+++ b/frontend/src/pages/tasks/by/upcoming.vue
@@ -6,7 +6,7 @@
 import {parseDateOrString} from '@/helpers/time/parseDateOrString'
 import {getNextWeekDate} from '@/helpers/time/getNextWeekDate'
 
-import ShowTasks from '@/components/tasks/ShowTasks.vue';
+import ShowTasks from '@/components/tasks/ShowTasks.vue'
 
 definePage({
 	name: 'tasks.range',
@@ -15,7 +15,7 @@ definePage({
 		dateTo: parseDateOrString(route.query.to as string, getNextWeekDate()),
 		showNulls: route.query.showNulls === 'true',
 		showOverdue: route.query.showOverdue === 'true',
-	})
+	}),
 })
 
 const props = defineProps<{
diff --git a/frontend/src/pages/teams/(teams).vue b/frontend/src/pages/teams/(teams).vue
index d3669209c..5cb000d90 100644
--- a/frontend/src/pages/teams/(teams).vue
+++ b/frontend/src/pages/teams/(teams).vue
@@ -46,6 +46,8 @@ import { useI18n } from 'vue-i18n'
 import TeamService from '@/services/team'
 import { useTitle } from '@/composables/useTitle'
 
+definePage({ name: 'teams.index' })
+
 const { t } = useI18n({useScope: 'global'})
 useTitle(() => t('team.title'))
 
diff --git a/frontend/src/pages/teams/[id]/edit.vue b/frontend/src/pages/teams/[id]/edit.vue
index 1dc5696d9..fd551a4ff 100644
--- a/frontend/src/pages/teams/[id]/edit.vue
+++ b/frontend/src/pages/teams/[id]/edit.vue
@@ -282,6 +282,8 @@ import type {ITeam} from '@/modelTypes/ITeam'
 import type {IUser} from '@/modelTypes/IUser'
 import type {ITeamMember} from '@/modelTypes/ITeamMember'
 
+definePage({ name: 'teams.edit' })
+
 const authStore = useAuthStore()
 const configStore = useConfigStore()
 const route = useRoute()
diff --git a/frontend/src/pages/teams/new.vue b/frontend/src/pages/teams/new.vue
index 7a998c49b..81260ed99 100644
--- a/frontend/src/pages/teams/new.vue
+++ b/frontend/src/pages/teams/new.vue
@@ -74,6 +74,11 @@ import {success} from '@/message'
 
 import {useConfigStore} from '@/stores/config'
 
+definePage({
+	name: 'teams.create',
+	meta: { showAsModal: true },
+})
+
 const {t} = useI18n()
 const title = computed(() => t('team.create.title'))
 useTitle(title)
diff --git a/frontend/src/pages/user/export/download.vue b/frontend/src/pages/user/export/download.vue
index d29c90b15..a769e6a90 100644
--- a/frontend/src/pages/user/export/download.vue
+++ b/frontend/src/pages/user/export/download.vue
@@ -47,6 +47,8 @@ import {ref, computed, reactive} from 'vue'
 import DataExportService from '@/services/dataExport'
 import {useAuthStore} from '@/stores/auth'
 
+definePage({ name: 'user.export.download' })
+
 const dataExportService = reactive(new DataExportService())
 const password = ref('')
 const errPasswordRequired = ref(false)
diff --git a/frontend/src/pages/user/settings.vue b/frontend/src/pages/user/settings.vue
index de197bf9c..598497792 100644
--- a/frontend/src/pages/user/settings.vue
+++ b/frontend/src/pages/user/settings.vue
@@ -32,6 +32,8 @@ import { useConfigStore } from '@/stores/config'
 import { useAuthStore } from '@/stores/auth'
 import {useRoute} from 'vue-router'
 
+definePage({ name: 'user.settings' })
+
 const { t } = useI18n({useScope: 'global'})
 useTitle(() => t('user.settings.title'))
 
diff --git a/frontend/src/pages/user/settings/api-tokens.vue b/frontend/src/pages/user/settings/api-tokens.vue
index 70b474c35..bbbb9dc5a 100644
--- a/frontend/src/pages/user/settings/api-tokens.vue
+++ b/frontend/src/pages/user/settings/api-tokens.vue
@@ -14,6 +14,8 @@ import {useI18n} from 'vue-i18n'
 import Message from '@/components/misc/Message.vue'
 import type {IApiToken} from '@/modelTypes/IApiToken'
 
+definePage({ name: 'user.settings.apiTokens' })
+
 const service = new ApiTokenService()
 const tokens = ref<IApiToken[]>([])
 const apiDocsUrl = window.API_URL + '/docs'
diff --git a/frontend/src/pages/user/settings/avatar.vue b/frontend/src/pages/user/settings/avatar.vue
index bfe1f100e..90097d984 100644
--- a/frontend/src/pages/user/settings/avatar.vue
+++ b/frontend/src/pages/user/settings/avatar.vue
@@ -81,6 +81,8 @@ import {useTitle} from '@/composables/useTitle'
 import {success} from '@/message'
 import {useAuthStore} from '@/stores/auth'
 
+definePage({ name: 'user.settings.avatar' })
+
 const {t} = useI18n({useScope: 'global'})
 const authStore = useAuthStore()
 
diff --git a/frontend/src/pages/user/settings/caldav.vue b/frontend/src/pages/user/settings/caldav.vue
index 95c0b1bc7..6ab3f6113 100644
--- a/frontend/src/pages/user/settings/caldav.vue
+++ b/frontend/src/pages/user/settings/caldav.vue
@@ -114,6 +114,8 @@ import type {ICaldavToken} from '@/modelTypes/ICaldavToken'
 import {useConfigStore} from '@/stores/config'
 import {useAuthStore} from '@/stores/auth'
 
+definePage({ name: 'user.settings.caldav' })
+
 const copy = useCopyToClipboard()
 
 const {t} = useI18n({useScope: 'global'})
diff --git a/frontend/src/pages/user/settings/data-export.vue b/frontend/src/pages/user/settings/data-export.vue
index 7a0e0646a..a294c9ac7 100644
--- a/frontend/src/pages/user/settings/data-export.vue
+++ b/frontend/src/pages/user/settings/data-export.vue
@@ -58,6 +58,8 @@ import {useTitle} from '@/composables/useTitle'
 import {success} from '@/message'
 import {useAuthStore} from '@/stores/auth'
 
+definePage({ name: 'user.settings.data-export' })
+
 const {t} = useI18n({useScope: 'global'})
 const authStore = useAuthStore()
 
diff --git a/frontend/src/pages/user/settings/deletion.vue b/frontend/src/pages/user/settings/deletion.vue
index 7033c6b25..aa7f4efce 100644
--- a/frontend/src/pages/user/settings/deletion.vue
+++ b/frontend/src/pages/user/settings/deletion.vue
@@ -126,6 +126,8 @@ import {success} from '@/message'
 import {useAuthStore} from '@/stores/auth'
 import {useConfigStore} from '@/stores/config'
 
+definePage({ name: 'user.settings.deletion' })
+
 const {t} = useI18n({useScope: 'global'})
 useTitle(() => `${t('user.deletion.title')} - ${t('user.settings.title')}`)
 
diff --git a/frontend/src/pages/user/settings/email-update.vue b/frontend/src/pages/user/settings/email-update.vue
index c335cec00..33fb997e5 100644
--- a/frontend/src/pages/user/settings/email-update.vue
+++ b/frontend/src/pages/user/settings/email-update.vue
@@ -62,6 +62,8 @@ import {success} from '@/message'
 import {useTitle} from '@/composables/useTitle'
 import {useAuthStore} from '@/stores/auth'
 
+definePage({ name: 'user.settings.email-update' })
+
 const {t} = useI18n({useScope: 'global'})
 useTitle(() => `${t('user.settings.updateEmailTitle')} - ${t('user.settings.title')}`)
 
diff --git a/frontend/src/pages/user/settings/general.vue b/frontend/src/pages/user/settings/general.vue
index b982980f9..520c29702 100644
--- a/frontend/src/pages/user/settings/general.vue
+++ b/frontend/src/pages/user/settings/general.vue
@@ -239,6 +239,8 @@ import type {IUserSettings} from '@/modelTypes/IUserSettings'
 import {isSavedFilter} from '@/services/savedFilter'
 import {DEFAULT_PROJECT_VIEW_SETTINGS} from '@/modelTypes/IProjectView'
 
+definePage({ name: 'user.settings.general' })
+
 const {t} = useI18n({useScope: 'global'})
 useTitle(() => `${t('user.settings.general.title')} - ${t('user.settings.title')}`)
 
diff --git a/frontend/src/pages/user/settings/migrate.vue b/frontend/src/pages/user/settings/migrate.vue
index 830c67a08..2126bd5cb 100644
--- a/frontend/src/pages/user/settings/migrate.vue
+++ b/frontend/src/pages/user/settings/migrate.vue
@@ -28,6 +28,8 @@ import {MIGRATORS} from '@/helpers/migrators'
 import {useTitle} from '@/composables/useTitle'
 import {useConfigStore} from '@/stores/config'
 
+definePage({ name: 'migrate.start' })
+
 const {t} = useI18n({useScope: 'global'})
 
 useTitle(() => t('migrate.title'))
diff --git a/frontend/src/pages/user/settings/password-update.vue b/frontend/src/pages/user/settings/password-update.vue
index 9214d8b67..ab82b980e 100644
--- a/frontend/src/pages/user/settings/password-update.vue
+++ b/frontend/src/pages/user/settings/password-update.vue
@@ -83,6 +83,8 @@ import {useTitle} from '@/composables/useTitle'
 import {success, error} from '@/message'
 import {useAuthStore} from '@/stores/auth'
 
+definePage({ name: 'user.settings.password-update' })
+
 const passwordUpdateService = shallowReactive(new PasswordUpdateService())
 const passwordUpdate = reactive(new PasswordUpdateModel())
 const passwordConfirm = ref('')
diff --git a/frontend/src/pages/user/settings/totp.vue b/frontend/src/pages/user/settings/totp.vue
index 3868770ca..62d0e36b4 100644
--- a/frontend/src/pages/user/settings/totp.vue
+++ b/frontend/src/pages/user/settings/totp.vue
@@ -110,6 +110,8 @@ import {useTitle} from '@/composables/useTitle'
 import {useConfigStore} from '@/stores/config'
 import type {ITotp} from '@/modelTypes/ITotp'
 
+definePage({ name: 'user.settings.totp' })
+
 const {t} = useI18n({useScope: 'global'})
 useTitle(() => `${t('user.settings.totp.title')} - ${t('user.settings.title')}`)
 
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index a1fdd5fd1..486adaf5f 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -4,8 +4,6 @@ import { routes, handleHotUpdate } from 'vue-router/auto-routes'
 import {saveLastVisited} from '@/helpers/saveLastVisited'
 
 import {getProjectViewId} from '@/helpers/projectView'
-import {parseDateOrString} from '@/helpers/time/parseDateOrString'
-import {getNextWeekDate} from '@/helpers/time/getNextWeekDate'
 import {LINK_SHARE_HASH_PREFIX} from '@/constants/linkShareHash'
 
 import {useAuthStore} from '@/stores/auth'
diff --git a/frontend/typed-router.d.ts b/frontend/typed-router.d.ts
index 72c1937bc..78f73390a 100644
--- a/frontend/typed-router.d.ts
+++ b/frontend/typed-router.d.ts
@@ -18,49 +18,49 @@ declare module 'vue-router/auto-routes' {
    * Route name map generated by unplugin-vue-router
    */
   export interface RouteNamedMap {
-    '/[[auth]]/get-password-reset': RouteRecordInfo<'/[[auth]]/get-password-reset', '/:auth?/get-password-reset', { auth?: ParamValueZeroOrOne<true> }, { auth?: ParamValueZeroOrOne<false> }>,
-    '/[[auth]]/login': RouteRecordInfo<'/[[auth]]/login', '/:auth?/login', { auth?: ParamValueZeroOrOne<true> }, { auth?: ParamValueZeroOrOne<false> }>,
-    '/[[auth]]/password-reset': RouteRecordInfo<'/[[auth]]/password-reset', '/:auth?/password-reset', { auth?: ParamValueZeroOrOne<true> }, { auth?: ParamValueZeroOrOne<false> }>,
-    '/[[auth]]/register': RouteRecordInfo<'/[[auth]]/register', '/:auth?/register', { auth?: ParamValueZeroOrOne<true> }, { auth?: ParamValueZeroOrOne<false> }>,
-    '/[[...path]]+': RouteRecordInfo<'/[[...path]]+', '/:path(.*)*', { path?: ParamValueZeroOrMore<true> }, { path?: ParamValueZeroOrMore<false> }>,
+    'user.password-reset.request': RouteRecordInfo<'user.password-reset.request', '/:auth?/get-password-reset', { auth?: ParamValueZeroOrOne<true> }, { auth?: ParamValueZeroOrOne<false> }>,
+    'user.login': RouteRecordInfo<'user.login', '/:auth?/login', { auth?: ParamValueZeroOrOne<true> }, { auth?: ParamValueZeroOrOne<false> }>,
+    'user.password-reset.reset': RouteRecordInfo<'user.password-reset.reset', '/:auth?/password-reset', { auth?: ParamValueZeroOrOne<true> }, { auth?: ParamValueZeroOrOne<false> }>,
+    'user.register': RouteRecordInfo<'user.register', '/:auth?/register', { auth?: ParamValueZeroOrOne<true> }, { auth?: ParamValueZeroOrOne<false> }>,
+    'not-found': RouteRecordInfo<'not-found', '/:path(.*)*', { path?: ParamValueZeroOrMore<true> }, { path?: ParamValueZeroOrMore<false> }>,
     'home': RouteRecordInfo<'home', '/(home)', Record<never, never>, Record<never, never>>,
-    '/about': RouteRecordInfo<'/about', '/about', Record<never, never>, Record<never, never>>,
-    '/auth/openid/[provider]': RouteRecordInfo<'/auth/openid/[provider]', '/auth/openid/:provider', { provider: ParamValue<true> }, { provider: ParamValue<false> }>,
-    '/filters/[projectId]/settings/delete': RouteRecordInfo<'/filters/[projectId]/settings/delete', '/filters/:projectId/settings/delete', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
-    '/filters/[projectId]/settings/edit': RouteRecordInfo<'/filters/[projectId]/settings/edit', '/filters/:projectId/settings/edit', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
-    '/filters/new': RouteRecordInfo<'/filters/new', '/filters/new', Record<never, never>, Record<never, never>>,
-    '/labels/(labels)': RouteRecordInfo<'/labels/(labels)', '/labels/(labels)', Record<never, never>, Record<never, never>>,
-    '/labels/new': RouteRecordInfo<'/labels/new', '/labels/new', Record<never, never>, Record<never, never>>,
-    '/migrate/[service]': RouteRecordInfo<'/migrate/[service]', '/migrate/:service', { service: ParamValue<true> }, { service: ParamValue<false> }>,
-    '/projects/[[parentProjectId]]/new': RouteRecordInfo<'/projects/[[parentProjectId]]/new', '/projects/:parentProjectId?/new', { parentProjectId?: ParamValueZeroOrOne<true> }, { parentProjectId?: ParamValueZeroOrOne<false> }>,
+    'about': RouteRecordInfo<'about', '/about', Record<never, never>, Record<never, never>>,
+    'openid.auth': RouteRecordInfo<'openid.auth', '/auth/openid/:provider', { provider: ParamValue<true> }, { provider: ParamValue<false> }>,
+    'filter.settings.delete': RouteRecordInfo<'filter.settings.delete', '/filters/:projectId/settings/delete', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'filter.settings.edit': RouteRecordInfo<'filter.settings.edit', '/filters/:projectId/settings/edit', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'filters.create': RouteRecordInfo<'filters.create', '/filters/new', Record<never, never>, Record<never, never>>,
+    'labels.index': RouteRecordInfo<'labels.index', '/labels/(labels)', Record<never, never>, Record<never, never>>,
+    'labels.create': RouteRecordInfo<'labels.create', '/labels/new', Record<never, never>, Record<never, never>>,
+    'migrate.service': RouteRecordInfo<'migrate.service', '/migrate/:service', { service: ParamValue<true> }, { service: ParamValue<false> }>,
+    'project.create': RouteRecordInfo<'project.create', '/projects/:parentProjectId?/new', { parentProjectId?: ParamValueZeroOrOne<true> }, { parentProjectId?: ParamValueZeroOrOne<false> }>,
     '/projects/[projectId]/[[viewId]]': RouteRecordInfo<'/projects/[projectId]/[[viewId]]', '/projects/:projectId/:viewId?', { projectId: ParamValue<true>, viewId?: ParamValueZeroOrOne<true> }, { projectId: ParamValue<false>, viewId?: ParamValueZeroOrOne<false> }>,
-    '/projects/[projectId]/info': RouteRecordInfo<'/projects/[projectId]/info', '/projects/:projectId/info', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
-    '/projects/[projectId]/settings/archive': RouteRecordInfo<'/projects/[projectId]/settings/archive', '/projects/:projectId/settings/archive', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
-    '/projects/[projectId]/settings/background': RouteRecordInfo<'/projects/[projectId]/settings/background', '/projects/:projectId/settings/background', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
-    '/projects/[projectId]/settings/delete': RouteRecordInfo<'/projects/[projectId]/settings/delete', '/projects/:projectId/settings/delete', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
-    '/projects/[projectId]/settings/duplicate': RouteRecordInfo<'/projects/[projectId]/settings/duplicate', '/projects/:projectId/settings/duplicate', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
-    '/projects/[projectId]/settings/edit': RouteRecordInfo<'/projects/[projectId]/settings/edit', '/projects/:projectId/settings/edit', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
-    '/projects/[projectId]/settings/share': RouteRecordInfo<'/projects/[projectId]/settings/share', '/projects/:projectId/settings/share', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
-    '/projects/[projectId]/settings/views': RouteRecordInfo<'/projects/[projectId]/settings/views', '/projects/:projectId/settings/views', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
-    '/projects/[projectId]/settings/webhooks': RouteRecordInfo<'/projects/[projectId]/settings/webhooks', '/projects/:projectId/settings/webhooks', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
-    '/projects/(projects)': RouteRecordInfo<'/projects/(projects)', '/projects/(projects)', Record<never, never>, Record<never, never>>,
-    '/share/[share]/auth': RouteRecordInfo<'/share/[share]/auth', '/share/:share/auth', { share: ParamValue<true> }, { share: ParamValue<false> }>,
-    '/task/[id]': RouteRecordInfo<'/task/[id]', '/task/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
+    'project.info': RouteRecordInfo<'project.info', '/projects/:projectId/info', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'project.settings.archive': RouteRecordInfo<'project.settings.archive', '/projects/:projectId/settings/archive', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'project.settings.background': RouteRecordInfo<'project.settings.background', '/projects/:projectId/settings/background', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'project.settings.delete': RouteRecordInfo<'project.settings.delete', '/projects/:projectId/settings/delete', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'project.settings.duplicate': RouteRecordInfo<'project.settings.duplicate', '/projects/:projectId/settings/duplicate', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'project.settings.edit': RouteRecordInfo<'project.settings.edit', '/projects/:projectId/settings/edit', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'project.settings.share': RouteRecordInfo<'project.settings.share', '/projects/:projectId/settings/share', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'project.settings.views': RouteRecordInfo<'project.settings.views', '/projects/:projectId/settings/views', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'project.settings.webhooks': RouteRecordInfo<'project.settings.webhooks', '/projects/:projectId/settings/webhooks', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'projects.index': RouteRecordInfo<'projects.index', '/projects/(projects)', Record<never, never>, Record<never, never>>,
+    'link-share.auth': RouteRecordInfo<'link-share.auth', '/share/:share/auth', { share: ParamValue<true> }, { share: ParamValue<false> }>,
+    'task.detail': RouteRecordInfo<'task.detail', '/task/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
     'tasks.range': RouteRecordInfo<'tasks.range', '/tasks/by/upcoming', Record<never, never>, Record<never, never>>,
-    '/teams/[id]/edit': RouteRecordInfo<'/teams/[id]/edit', '/teams/:id/edit', { id: ParamValue<true> }, { id: ParamValue<false> }>,
-    '/teams/(teams)': RouteRecordInfo<'/teams/(teams)', '/teams/(teams)', Record<never, never>, Record<never, never>>,
-    '/teams/new': RouteRecordInfo<'/teams/new', '/teams/new', Record<never, never>, Record<never, never>>,
-    '/user/export/download': RouteRecordInfo<'/user/export/download', '/user/export/download', Record<never, never>, Record<never, never>>,
-    '/user/settings': RouteRecordInfo<'/user/settings', '/user/settings', Record<never, never>, Record<never, never>>,
-    '/user/settings/api-tokens': RouteRecordInfo<'/user/settings/api-tokens', '/user/settings/api-tokens', Record<never, never>, Record<never, never>>,
-    '/user/settings/avatar': RouteRecordInfo<'/user/settings/avatar', '/user/settings/avatar', Record<never, never>, Record<never, never>>,
-    '/user/settings/caldav': RouteRecordInfo<'/user/settings/caldav', '/user/settings/caldav', Record<never, never>, Record<never, never>>,
-    '/user/settings/data-export': RouteRecordInfo<'/user/settings/data-export', '/user/settings/data-export', Record<never, never>, Record<never, never>>,
-    '/user/settings/deletion': RouteRecordInfo<'/user/settings/deletion', '/user/settings/deletion', Record<never, never>, Record<never, never>>,
-    '/user/settings/email-update': RouteRecordInfo<'/user/settings/email-update', '/user/settings/email-update', Record<never, never>, Record<never, never>>,
-    '/user/settings/general': RouteRecordInfo<'/user/settings/general', '/user/settings/general', Record<never, never>, Record<never, never>>,
-    '/user/settings/migrate': RouteRecordInfo<'/user/settings/migrate', '/user/settings/migrate', Record<never, never>, Record<never, never>>,
-    '/user/settings/password-update': RouteRecordInfo<'/user/settings/password-update', '/user/settings/password-update', Record<never, never>, Record<never, never>>,
-    '/user/settings/totp': RouteRecordInfo<'/user/settings/totp', '/user/settings/totp', Record<never, never>, Record<never, never>>,
+    'teams.edit': RouteRecordInfo<'teams.edit', '/teams/:id/edit', { id: ParamValue<true> }, { id: ParamValue<false> }>,
+    'teams.index': RouteRecordInfo<'teams.index', '/teams/(teams)', Record<never, never>, Record<never, never>>,
+    'teams.create': RouteRecordInfo<'teams.create', '/teams/new', Record<never, never>, Record<never, never>>,
+    'user.export.download': RouteRecordInfo<'user.export.download', '/user/export/download', Record<never, never>, Record<never, never>>,
+    'user.settings': RouteRecordInfo<'user.settings', '/user/settings', Record<never, never>, Record<never, never>>,
+    'user.settings.apiTokens': RouteRecordInfo<'user.settings.apiTokens', '/user/settings/api-tokens', Record<never, never>, Record<never, never>>,
+    'user.settings.avatar': RouteRecordInfo<'user.settings.avatar', '/user/settings/avatar', Record<never, never>, Record<never, never>>,
+    'user.settings.caldav': RouteRecordInfo<'user.settings.caldav', '/user/settings/caldav', Record<never, never>, Record<never, never>>,
+    'user.settings.data-export': RouteRecordInfo<'user.settings.data-export', '/user/settings/data-export', Record<never, never>, Record<never, never>>,
+    'user.settings.deletion': RouteRecordInfo<'user.settings.deletion', '/user/settings/deletion', Record<never, never>, Record<never, never>>,
+    'user.settings.email-update': RouteRecordInfo<'user.settings.email-update', '/user/settings/email-update', Record<never, never>, Record<never, never>>,
+    'user.settings.general': RouteRecordInfo<'user.settings.general', '/user/settings/general', Record<never, never>, Record<never, never>>,
+    'migrate.start': RouteRecordInfo<'migrate.start', '/user/settings/migrate', Record<never, never>, Record<never, never>>,
+    'user.settings.password-update': RouteRecordInfo<'user.settings.password-update', '/user/settings/password-update', Record<never, never>, Record<never, never>>,
+    'user.settings.totp': RouteRecordInfo<'user.settings.totp', '/user/settings/totp', Record<never, never>, Record<never, never>>,
   }
 }