Vue3 H5: failed to open metamask build-in browser via mobile browser

bg: im using vue3 to connect metamask open build-in browser like opensea via android/ios devices.

my code:
```vue
const mobileMetaMaskURL = 'https://metamask.app.link/dapp/opensea.io/collection/glittering-red-eye-girls';
window.open(mobileMetaMaskURL);
```

but it just open main page, not going to the brower page.
like this video : https://user-images.githubusercontent.com/11304134/157484343-d15e2522-ca05-4507-bb15-c8f329d12383.MP4

I've check this upgrade, https://github.com/MetaMask/metamask-mobile/pull/3971
Im not sure it support vue3. pls help us. thanks a lot.

No repository file, test, or entry point is identified. Start by reproducing the MetaMask deep-link behavior on Android and iOS with the Vue 3 example, then review the linked metamask-mobile PR and determine whether the expected in-app browser navigation works; done means the platform behavior and any required project change are clearly established.

Written by the indexing model from the issue text.