How can I disable specific Ionic Vue route animations without disabling all animations?

I'm encountering the error below when trying to disable animations on certain routes in Ionic Vue (without turning off animations globally):

BASHCopied
@ionic_vue.js?v=bbc2dfce:18984 TypeError: animationBuilder is not a function at animation (chunk-YNRD7USV.js?v=bbc2dfce:838:17)

I can disable all animations by setting the router outlet's animated property to false:

HTMLCopied
<ion-router-outlet :animated="false" />

This works fine with a simple router push:

JAVASCRIPTCopied
import { useIonRouter } from '@ionic/vue';

const ionRouter = useIonRouter();

function clickLink() {
    ionRouter.push(url.value);
}

However, when I integrate navigation into another TypeScript file, the error appears. For example:

TYPESCRIPTCopied
export function useCustomRouter() {
    const router = useIonRouter();
    const { activeOrganizationId } = useDaily();

    async function push(path: any) {
        try {
            await router.push(path, 'forward');
        } catch (e) {
            //console.error(e);
        }
    }

    async function back() {
        try {
            await router.back('none');
        } catch (e) {
            //console.error(e);
        }
    }

    async function goHome() {
        try {
            await router.push(`/${activeOrganizationId.value}/app/my-day`, 'forward');
        } catch (e) {
            //console.error(e);
        }
    }

    return {
        push,
        back,
        goHome,
    };
}

And then using it like this:

JAVASCRIPTCopied
import { useCustomRouter } from '~/composables/useCustomRouter';

const router = useCustomRouter();

function clickLink() {
    router.push(url.value)
}

The only workaround I've found so far is to define a no-animation builder:

TYPESCRIPTCopied
import { type AnimationBuilder, createAnimation } from '@ionic/vue';

export function useCustomRouter() {
    const noAnimation: AnimationBuilder = (baseEl, opts) => {
        return createAnimation().addElement(baseEl).duration(0);
    };

    const router = useIonRouter();
    const { activeOrganizationId } = useDaily();

    async function push(path: any) {
        try {
            await router.push(path, noAnimation);
        } catch (e) {
            //console.error(e);
        }
    }

    async function back() {
        try {
            await router.back(noAnimation);
        } catch (e) {
            //console.error(e);
        }
    }

    async function goHome() {
        try {
            await router.push(`/${activeOrganizationId.value}/app/my-day`, 'forward');
        } catch (e) {
            //console.error(e);
        }
    }

    return {
        push,
        back,
        goHome,
    };
}

This approach works, but it feels a bit verbose. Is there an easier or more elegant way to disable animations for individual navigations (both push and back) without causing the error? Any insights or alternative solutions would be appreciated.