无法从电容器侦听器 (appUrlOpen) 事件 (Nuxt、Vue.js、Vue-Router) 导航应用程序

Question

As a first project I have Nuxt, VueJs and Capacitor that fails to route a Firebase dynamic link.

The iOS App is setup to accept Associated Domains as works as such.

The iOS App opens and fires a Capacitor event 'appUrlOpen', however it fails to navigate when I try initiate router.push() to any valid path eg.('/about')

Debugging suggests the promise on the push succeeds, however this is not reflected on the simulator.

I have ensured that the the routes are correct at the time of the push and exhausted all other possibilities to where this may be causing an issue.

The code below resides in a JS file which is imported as a plugin with nuxt.config.js

import { App } from '@capacitor/app';
import Vue from 'vue';
import VueRouter from 'vue-router';

const router = new VueRouter({ routes: [ { path: '/about' }] });

App.addListener('appUrlOpen', data => {
    router.push({ path: '/about' })
      .then(() => console.log('Navigated!'))
      .catch(error => {
      console.log('Error', error);
    });
});

Answer 1

Oddly, a user by the name of Mani Mirjavadi (user:4448220) indirectly answered this question but removed his post a short while ago. Luckily it was available as a cached resource.

It appears as if the route needs to route as such below.

 window.onNuxtReady(() => {
    App.addListener('appUrlOpen', (event) => {
        window.$nuxt.$router.push('/community')
        })
    })