Vue 3 component for Doxygen XML content.

Downloads in past


0.1.0-beta.1310 months ago10 months agoMinified + gzip package size for vue3-doxygen-xml in KB


npm npm vue3
Vue component for displaying Doxygen XML content.

Project setup

npm install --save vue3-doxygen-xml

Module import

vue-doxygen-xml makes use of the vuex store to track data. You must use a vuex store for the component to work. ⚠️ You need to install the module with the application like so:
import Vue from 'vue'
import store from './store'
import DoxygenXml from 'vue3-doxygen-xml'

Vue.use(DoxygenXml, { store })

Add the above to your main.js application file (this assumes that a standard layout is followed when creating your application).

Module component

To use the vue-doxygen-xml component import it in a view and set the baseURL for the source XML. Example view Help.vue:
  <div class="help">
    <doxygen-xml baseURL="/doxygen-xml-files" />

import { DoxygenXml } from 'vue3-doxygen-xml'

export default {
  name: 'Help',
  components: {

Module routing

vue-doxygen-xml requires that you use vue-router. To add a vue-doxygen-xml route under help add the following to routes object for vue-router:
  path: '/help/:pageName?',
  name: 'Help',
  // route level code-splitting
  // this generates a separate chunk (about.[hash].js) for this route
  // which is lazy-loaded when the route is visited.
  component: () => import(/* webpackChunkName: "help" */ '../views/Help.vue')

Again assuming standard layout.


For a complete example of a Vue application using vue-doxygen-xml look at The main branch has a basic example of how vue-doxygen-xml may be used and the multiversion branch has an example of how vue-doxygen-xml may be used for different versions of Doxygen XML output.



Development setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.