Issue with TS in vue template tag

[jenky]

My current setup includes InertiaJS, Vue 3 and @routes blade directive. The route function works fine in script setup but not inside the Vue template tag. The app continues to function properly, but TS keeps complaining:

Property 'route' does not exist on type

I have already followed the guide in https://github.com/tighten/ziggy?tab=readme-ov-file#typescript to add the route declaration into .d.ts file.

The plugin is imported from vendor directory

import { ZiggyVue } from '../../vendor/tightenco/ziggy'

// ...
createApp(...)
  .use(ZiggyVue)

How can I make the TS shut up?

[bakerkretzmar]

Interesting, I have apps with basically this same setup and I don't remember having this issue but I'm not sure why. I'll take a look this week.

[bakerkretzmar]

Does adding this under your other global route declaration in you .d.ts fix this?

declare module 'vue' {
    interface ComponentCustomProperties {
        route: typeof routeFn;
    }
}

[jenky]

It works indeed. Ty so much 😄