Overview

As shown in the following image, I had the opportunity to display XML text data using Nuxt3, so this is a memo.

Installation

I used the following two libraries.

Usage

I created the following file as a Nuxt3 component. It formats XML strings with xml-formatter and then applies syntax highlighting with highlight.js.

Summary

I hope this is helpful for visualizing TEI/XML data.