fix(vue): custom animation plays when replacing

[liamdebeasi]

Pull request checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been reviewed and added / updated if needed (for bug fixes / features)
  • Some docs updates need to be made in the ionic-docs repo, in a separate PR. See the contributing guide for details.
• Build (npm run build) was run locally and any changes were pushed
• Lint (npm run lint) has passed locally and any fixes were made for failures

Pull request type

Please check the type of change your PR introduces:

• Bugfix
• Feature
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes
• Other (please describe):

What is the current behavior?

Issue URL: resolves #25831

By default, a replace operation should not play an animation. We accomplish this by setting the duration to 0 when calling IonRouterOutlet.commit. However, we should play an animation if a developer has explicitly passed a custom animation. Right now we do not, so all custom animations appear to not play.

I also found that a test in hooks.spec.ts was testing the wrong behavior, even though useIonRouter states in the docs that you can pass a custom animation when doing useIonRouter().replace(...): https://ionicframework.com/docs/vue/utility-functions#interfaces

What is the new behavior?

• IonRouterOutlet now respects custom animations even when performing a replace operation.
• Fix incorrect test in hooks.sepc.ts

Does this introduce a breaking change?

• Yes
• No

Other information