Installation

Install packages

Vue 3

npm install @vue-modeler/dc@^3.0.0 @vue-modeler/model

Vue 2

npm install @vue-modeler/dc@^2.0.0 @vue-modeler/model

@vue-modeler/model requires no extra configuration. @vue-modeler/dc must be registered in the app.

Register the container

Plain Vue project

Vue 3

import { createApp } from 'vue'
import { vueModelerDc } from '@vue-modeler/dc'

const app = createApp(App)
app.use(vueModelerDc)
app.mount('#app')

Vue 2

import Vue from 'vue'
import { vueModelerDc } from '@vue-modeler/dc'

Vue.use(vueModelerDc)
new Vue({
  // your app configuration
}).$mount('#app')

Nuxt project

Create a Nuxt plugin in the plugins folder:

// plugins/vue-modeler-dc.ts
import { vueModelerDc } from '@vue-modeler/dc'

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(vueModelerDc)
})

You're ready to go!