Creé un nuevo proyecto a través npm init vue@latest y sé que puedo definir accesorios de componentes con la nueva sintaxis (tomada de los documentos ) así

 <script setup lang="ts"> const props = defineProps<{ foo: MyRequiredType bar?: MyOptionalType }>() </script>

Ahora tengo que definir accesorios de ruta y me gustaría saber si debo usar la siguiente sintaxis o si hay una forma de usar la sintaxis anterior.

 const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), routes: [ { path: "/", component: MyView, props: { foo: { type: Object as PropType<MyRequiredType>, required: true }, bar: { type: Object as PropType<MyOptionalType>, required: false, default: undefined, }, }, }, ], });

Traté de usar la sintaxis de arriba pero recibí la advertencia

[Advertencia de Vue]: defineProps() es un ayudante de sugerencias de compilación que solo se puede usar dentro de un solo componente de archivo. Sus argumentos deben compilarse y pasarlos en tiempo de ejecución no tiene ningún efecto.