bug: (vue) router-link has wrong type since 8.4.5/8.5.0

[mattschlosser]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v8.x

Current Behavior

router-link has the wrong type since 8.4.5. When attempting to build, the build fails with error TS2322

src/views/HomePage.vue:4:25 - error TS2322: Type 'string' is not assignable to type 'Symbol'.

4             <ion-button router-link="/about">
                          ~~~~~~~~~~~

Expected Behavior

vue-tsc produces no errors

Steps to Reproduce

1. Create new project and ensure using @ionic/vue 8.4.5+
2. import any ionic component and attempt to use the router-link prop as described in the docs
3. attempt to build the project using npm run build
4. invalid type error is produced
   

Code Reproduction URL

https://github.com/mattschlosser/ionic-vue-ts-demo/tree/router-link

Ionic Info

Ionic:

Ionic CLI : 7.2.0 (C:\Users\...\AppData\Roaming\npm\node_modules@ionic\cli)
Ionic Framework : @ionic/vue 8.5.0

Capacitor:

Capacitor CLI : 7.0.1
@capacitor/android : not installed
@capacitor/core : 7.0.1
@capacitor/ios : not installed

Utility:

cordova-res : not installed globally
native-run : 2.0.1

System:

NodeJS : v22.14.0 (C:\Program Files\nodejs\node.exe)
npm : 10.9.2
OS : Windows 10

Additional Information

#30221

[trydofor]

It's also in 8.4.4

[brandyscarney]

Thank you for the issue. 🙂 Could you try out this dev build and let me know if you're seeing any other issues:

npm i @ionic/vue@8.5.1-dev.11742222905.16af9151 @ionic/vue-router@8.5.1-dev.11742222905.16af9151

[mattschlosser]

While I see the string type has been added, there are other values that can be passed that work for router-link but TS reports the wrong type. I have updated the example repo above with more examples, which all work running npm run dev, but vue-tsc fails.

Types accepted by router.push are listed here: https://router.vuejs.org/api/interfaces/Router.html#push-

Thanks again

[brandyscarney]

Thank you @mattschlosser! Here is a new dev build: 8.5.1-dev.11742238707.15ce0fe2

[mattschlosser]

That build fixes the issue. Thanks

[brandyscarney]

This fix has been released in 8.4.6 and 8.5.1. Thank you again for the issue! Please open a new issue if you find any other problems. 🙂

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.