Nuxt 2を用いたMirador 3の使用例を以下のGitHubリポジトリで紹介しています。

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

ただ上記のリポジトリにおいて、production環境において不具合が生じることがわかりました。具体的には、ページ遷移後にMiradorの表示が崩れてしまう不具合です。

送っていただいたissue

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

このissueについて、さらに不具合を修正したPull requestも送っていただきました。

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

具体的には、以下に示すように、beforeDestroyでunmountする必要がありました。

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

自分では不具合の解消方法が分かりかねたので、大変助かりました。

Nuxt（Vue）におけるMirador 3の使用において、参考になりましたら幸いです。

動画版（生成AIによる自動生成）: この記事の内容をずんだもん×四国めたんの掛け合いで解説しています。自動生成のため、内容に誤りがある可能性があります。正確な情報は記事本文をご参照ください。