From c38f56ac3d29fe6b255c657f2ea4d09edad2c4c2 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Sun, 19 Jan 2025 18:54:33 +0100
Subject: [PATCH] feat: FIX PROP CASTING

---
 .../src/pages/filters/[projectId]/settings/delete.vue    | 8 +++++++-
 frontend/src/pages/filters/[projectId]/settings/edit.vue | 8 +++++++-
 frontend/src/pages/projects/[[parentProjectId]]/new.vue  | 9 ++++++---
 frontend/src/pages/task/[id].vue                         | 9 +++++++--
 4 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/frontend/src/pages/filters/[projectId]/settings/delete.vue b/frontend/src/pages/filters/[projectId]/settings/delete.vue
index 7fdbff7fc..907ebdb20 100644
--- a/frontend/src/pages/filters/[projectId]/settings/delete.vue
+++ b/frontend/src/pages/filters/[projectId]/settings/delete.vue
@@ -14,13 +14,19 @@
 </template>
 
 <script setup lang="ts">
+import type { RouteLocationNormalizedLoaded } from 'vue-router'
+
 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) }),
+	props: route => {
+		// https://github.com/posva/unplugin-vue-router/discussions/513#discussioncomment-10695660
+		const castedRoute = route as RouteLocationNormalizedLoaded<'filter.settings.delete'>
+		return { projectId: Number(castedRoute.params.projectId) }
+	},
 })
 
 const props = defineProps<{
diff --git a/frontend/src/pages/filters/[projectId]/settings/edit.vue b/frontend/src/pages/filters/[projectId]/settings/edit.vue
index 32fceabdb..3b3bab291 100644
--- a/frontend/src/pages/filters/[projectId]/settings/edit.vue
+++ b/frontend/src/pages/filters/[projectId]/settings/edit.vue
@@ -69,6 +69,8 @@
 </template>
 
 <script setup lang="ts">
+import type { RouteLocationNormalizedLoaded } from 'vue-router'
+
 import Editor from '@/components/input/AsyncEditor'
 import CreateEdit from '@/components/misc/CreateEdit.vue'
 import Filters from '@/components/project/partials/Filters.vue'
@@ -80,7 +82,11 @@ import type {IProject} from '@/modelTypes/IProject'
 definePage({
 	name: 'filter.settings.edit',
 	meta: { showAsModal: true },
-	props: route => ({ projectId: Number(route.params.projectId as string) }),
+	props: route => {
+		// https://github.com/posva/unplugin-vue-router/discussions/513#discussioncomment-10695660
+		const castedRoute = route as RouteLocationNormalizedLoaded<'filter.settings.edit'>
+		return { projectId: Number(castedRoute.params.projectId) }
+	},
 })
 
 const props = defineProps<{
diff --git a/frontend/src/pages/projects/[[parentProjectId]]/new.vue b/frontend/src/pages/projects/[[parentProjectId]]/new.vue
index 58187374e..9257cfda4 100644
--- a/frontend/src/pages/projects/[[parentProjectId]]/new.vue
+++ b/frontend/src/pages/projects/[[parentProjectId]]/new.vue
@@ -52,6 +52,7 @@
 
 <script setup lang="ts">
 import {ref, reactive, shallowReactive, watch} from 'vue'
+import type { RouteLocationNormalizedLoaded } from 'vue-router'
 import {useI18n} from 'vue-i18n'
 
 import ProjectService from '@/services/project'
@@ -67,9 +68,11 @@ import type {IProject} from '@/modelTypes/IProject'
 
 definePage({
 	name: 'project.create',
-	props: route => ({ parentProjectId: Number(route.params.parentProjectId as string) }),
-	meta: {
-		showAsModal: true,
+	meta: { showAsModal: true },
+	props: route => {
+		// https://github.com/posva/unplugin-vue-router/discussions/513#discussioncomment-10695660
+		const castedRoute = route as RouteLocationNormalizedLoaded<'project.create'>
+		return { parentProjectId: Number(castedRoute.params.parentProjectId) }
 	},
 })
 
diff --git a/frontend/src/pages/task/[id].vue b/frontend/src/pages/task/[id].vue
index 90b100a65..c5700d315 100644
--- a/frontend/src/pages/task/[id].vue
+++ b/frontend/src/pages/task/[id].vue
@@ -586,7 +586,7 @@
 
 <script lang="ts" setup>
 import {ref, reactive, shallowReactive, computed, watch, nextTick, onMounted, onBeforeUnmount} from 'vue'
-import {useRouter, type RouteLocation} from 'vue-router'
+import {useRouter, type RouteLocation, type RouteLocationNormalizedLoaded} from 'vue-router'
 import {storeToRefs} from 'pinia'
 import {useI18n} from 'vue-i18n'
 import {unrefElement} from '@vueuse/core'
@@ -646,7 +646,12 @@ import type {Action as MessageAction} from '@/message'
 
 definePage({
 	name: 'task.detail',
-	props: route => ({ taskId: Number(route.params.id as string) }),
+	props: route => {
+		// https://github.com/posva/unplugin-vue-router/discussions/513#discussioncomment-10695660
+		const castedRoute = route as RouteLocationNormalizedLoaded<'task.detail'>
+
+		return { taskId: Number(castedRoute.params.id) }
+	},
 })
 
 const props = defineProps<{