what is a good way to open a new window? vue 3 vue router

[Davidzhu001]

                        <router-link
                            to="/call_rooms"
                            target="_blank"
                            class="nav-link collapsed"
                          >
                            <i
                              class="fas fa-video"
                              style="width: 28px; font-size: 16px"
                            ></i>
                            <span>{{ $t('side.视频语音') }}</span>
                          </router-link>

contents.setWindowOpenHandler(({url}) => {
    const {origin} = new URL(url);
    // @ts-expect-error Type checking is performed in runtime.
    if (ALLOWED_EXTERNAL_ORIGINS.has(origin) || url.toString().includes('file:')) {
      // Open url in default browser.

      const browserWindow = new BrowserWindow({});
      const pageUrl =
      import.meta.env.DEV && import.meta.env.VITE_DEV_SERVER_URL !== undefined
        ? import.meta.env.VITE_DEV_SERVER_URL
        : new URL('../renderer/dist/index.html', 'file://' + url).toString();
  
     browserWindow.loadURL(pageUrl);
    } else if (import.meta.env.DEV) {
      console.warn(`Blocked the opening of a disallowed origin: ${origin}`);
    }

    // Prevent creating a new window.
    return {action: 'deny'};
  });

[thiswallz]

when you use a link outside of the spa, does not make sense to use router-link, this is when you keep your state within the spa. just use regular button which call an action within electron (through ipcmain) and then you open a new window like you do with browser. for this basic usage I would not use setWindowOpenHandler, you can do it easier with just a regular call.