Bridged remote app component as nested Route in Vue 3

[Wwwolfgang]

Hi, im testing with the bridge-vue3 plugin to build a system with one shell app and multiple remote apps. The idea would be to register the remotes as nested children under a '/apps' route. That would give me the ability to render the remote apps in a router view inside the apps component and maybe create a tab system, where each tab would represent a route to a remote app.
Im running into trouble when trying to make this work. Im working with rsbuild and have a setup like this:

// shell router
import { createRouter, createWebHistory } from 'vue-router';
import * as bridge from '@module-federation/bridge-vue3';
import { loadRemote } from '@module-federation/enhanced/runtime';

const RemoteOne = bridge.createRemoteAppComponent({
  loader: () => loadRemote('remote_app1/export-app'),
  rootAttrs: { class: 'root-element-class' },
});

const routes = [
  {
    path: '/',
    name: 'homePage',
    component: () => import('./views/HomePage.vue'),
  },
  {
    path: '/apps',
    name: 'apps',
    component: () => import('./components/ModulePage.vue'),
    children: [
      {
        path: 'remote1/:pathMatch(.*)*',
        name: 'remote1',
        component: () => RemoteOne,
        props: true,
      },
    ],
  },
];

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: routes,
});

export default router;

When I'm running this in a setup where the remote is a first level route, meaning its not a child route, than the remote is getting rendered without a problem. But when the remote is a nested route, I only see this warning in the console [Vue Router warn]: No match found for location with path "/remote1"

The setup in the remote is like this:

// remote router
import { createRouter, createWebHistory } from "vue-router";
import HomePage from "./views/HomePage.vue";
import NestedPage from "./views/NestedPage.vue";
import ContractsPage from "./views/ContractsPage.vue";

const router = createRouter({
  history: createWebHistory('/apps/remote1'),
  routes: [
    { path: "/", name: "homePage", component: HomePage },
    { path: "/nested-page", name: "nestedPage", component: NestedPage },
    {
      path: "/:organizationId/:tenantId/:departmentId/contracts",
      props: true,
      name: "contracts",
      component: ContractsPage,
    },
  ],
});

export default router;

And the export-app.ts config looks like this:

import { createBridgeComponent } from '@module-federation/bridge-vue3';
import App from './App.vue';
import router from './router';

export default createBridgeComponent({
  rootComponent: App,
  appOptions: ({ }) => {
    return { router };
  },
});

I dont know maybe bridge wasn't build for this and only supports first level routes.