I have been demonstrating an example of using Mirador 3 with Nuxt 2 in the following GitHub repository.

GitHub - nakamura196/nuxt-mirador: This repository is designed to show integrating Mirador 3 with Nuxt.js.
This repository is designed to show integrating Mirador 3 with Nuxt.js. - nakamura196/nuxt-mirador
GitHub

However, I found that the above repository had an issue in the production environment. Specifically, Mirador's display would break after page navigation.

An issue was submitted:

Mirador another instance need page reload · Issue #1 · nakamura196/nuxt-mirador
Hello, First great thanks for this integration! I have noted that mirador is in a mess when go to other instance. It works fine in dev mode but when generate it starts to make a problem. It fixes a...
GitHub

A pull request fixing the bug was also submitted for this issue.

Resolve unmount from DOM by DigitLib · Pull Request #2 · nakamura196/nuxt-mirador
This PR resolves issue for MUI duplication, unmount from DOM.
GitHub

Specifically, as shown below, it was necessary to unmount in beforeDestroy.

Resolve unmount from DOM by DigitLib · Pull Request #2 · nakamura196/nuxt-mirador
This PR resolves issue for MUI duplication, unmount from DOM.
GitHub

I could not figure out how to fix the bug on my own, so this was very helpful.

I hope this serves as a useful reference for using Mirador 3 with Nuxt (Vue).