wayfinder-development

To use type-safe routing, import named routes from '@/actions' or '@/routes' in your TypeScript code, which generates route objects that automatically align with your Laravel backend definitions to reduce manual mapping errors.

You can keep frontend route imports tree-shakeable by using named imports from '@/actions' or '@/routes', ensuring that only the referenced backend routes are bundled to maintain smaller build sizes.

Yes, Wayfinder routing works with Vue and TypeScript projects by creating route objects that provide type-safe access to backend routes directly within your frontend components.

The best way to sync frontend route objects after backend Laravel changes is to regenerate the routes and verify that the named imports from '@/routes' or '@/actions' resolve correctly in your TypeScript project.

You need type-safe route objects to prevent mapping errors when referencing backend routes, ensuring that frontend calls precisely match the Laravel backend definitions without manual string updates.