vue3-xml-viewer

vue3-xml-viewer

A Vue 3 component to display a formatted and colored XML document. The project is forked from https://github.com/leon737/vue-xml-viewer and made Vue3 a first class citizen.

Live demo

https://antony-k1208.github.io/vue3-xml-viewer/

Setup

npm install vue3-xml-viewer --save
yarn add vue3-xml-viewer

Usage

<template>
    <div>
        <XmlViewer :xml="xml" />
    </div>
</template>

import XmlViewer from 'vue3-xml-viewer'

export default {
    components: {
        XmlViewer
    },
    setup() {
        const xml = getSomeXmlAsString()
        
        return {
            xml
        }
    }
}