feat: FIX PROP CASTING

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<{

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<{

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) }
 	},
 })
 

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<{