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

https://github.com/nakamura196/nuxt-mirador

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:

https://github.com/nakamura196/nuxt-mirador/issues/1

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

https://github.com/nakamura196/nuxt-mirador/pull/2

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

https://github.com/nakamura196/nuxt-mirador/pull/2/files

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).