Overview
I created a sample program using the Annotorious OpenSeadragon Plugin that allows adding annotations to multiple images loaded from an IIIF manifest file. You can try it at the following link.
https://nakamura196.github.io/nuxt3-demo/annotorious
Source Code
Please refer to the following.
https://github.com/nakamura196/nuxt3-demo/blob/main/pages/annotorious/index.vue
Key Points
npm install –force
The library @recogito/annotorious-openseadragon does not appear to support openseadragon v5, so a forced installation was necessary.
plugins
I loaded Annotorious as a plugin.
https://github.com/nakamura196/nuxt3-demo/blob/main/plugins/osd.client.js
Page Navigation
When switching pages, it was necessary to clear annotations once and then load the annotations for the corresponding page.
Summary
By extending this program, it should be possible to connect with other applications. I hope this serves as a helpful reference.