Overview

I created a page where Universal Viewer is displayed across the entire page, as shown below, so this is a memo of the process. Universal Viewer v4 is used.

Source Code

Please refer to the following source code.

Referring to the following page:

and the following sample, the viewer size is adjusted to change according to page resizing.

It also includes code to receive a manifest query parameter.

References

I attempted to integrate it into Nuxt3 without using a CDN, referring to the following, but was unable to get it working. I plan to continue investigating this.

Summary

The following page provides a full-screen display example using v3, but at the time of writing this article, no v4 example was available.

I hope this serves as a helpful reference.