feat: allow vue router to be overrided instead of created

[riderx]

Prerequisites

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

Describe the Feature Request

i would like to have overrideRouter method to allow me to use ionic router feature like animations by including in existing router.
After check both code it seems on the ionic side the router init have nothing special. so it can be done by the user or other module.

Describe the Use Case

i use (vite-ssg)[https://github.com/antfu/vite-ssg] in my Vueapp.
it create the router for me, so i can't use ionic router too.

Describe Preferred Solution

No response

Describe Alternatives

No response

Related Code

ionic code of router creation :

ionic-framework/packages/vue-router/src/index.ts

Line 16 in c52f3ad

const router = createVueRouter(routerOptions);

vite-ssg router creation :
https://github.com/antfu/vite-ssg/blob/3adec80118d6f008fd2f6ffafcc08cb0101284ce/src/client/index.ts#L38

Additional Information

No response

[liamdebeasi]

Thanks for the issue. Can you please provide a GitHub repo that I can use to reproduce this issue?

[riderx]

Yes, the base repo I use is :
https://github.com/antfu/vitesse
And then when you try to add ionic router it fail
I can provide one more focus if you need

[liamdebeasi]

Thanks for the additional information. I think it would be better to have Vitesse allow for custom routing instances rather than have Ionic Vue support 3rd party routing setups. Have you tried opening an issue with the project maintainers?

[riderx]

@liamdebeasi Vitesse is overlapping the router for SSG/SSR and routes are auto-generated by a plugin, this is the whole concept of it to do it for you as Nuxt does, i didn't ask them since that the point of it to handle server-side routing.
You can have a look there : https://github.com/antfu/vite-ssg

[sean-perkins]

Hey @riderx thanks for this feature request. Based on our previous discussions here: #24971 (comment) and discussing this feature request with the team; we believe it is best to open a new feature request focused around decoupling ion-router-outlet from ion-tabs. This would allow you to plug-in any content (or router outlet of your choosing) within ion-tabs, without Ionic encouraging another router configuration to replace our existing behaviors.

We appreciate your suggestions on how we can continue to improve Ionic to work with other development solutions and concepts 👍

I am going to close out this request, you can track the new feature request here: #25184.

Feel free to add any thoughts to that issue! Thanks!

[riderx]

@sean-perkins thanks a lot for this!
This is exactly my need, lovely <3 !!
i will try to do a PR for it!

[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.