Установка

Ставим пакеты

Vue 3

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

Vue 2

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

@vue-modeler/model не требует дополнительных настроек. @vue-modeler/di нужно подключить в приложение.

Подключаем контейнер

Нативный Vue проект

Vue 3

import { createApp } from 'vue'
import { vueModelerDc, Container } from '@vue-modeler/di'

const dc = new Container()
const app = createApp(App)
app.use(vueModelerDc, { dc })
app.mount('#app')

Vue 2

import Vue from 'vue'
import { vueModelerDc, Container } from '@vue-modeler/di'

const dc = new Container()
Vue.use(vueModelerDc)
new Vue({
  vueModelerDc: { dc },
  // your app configuration
}).$mount('#app')

TIP

Передавать контейнер необязательно. Если подключить плагин без него — app.use(vueModelerDc) во Vue 3 или Vue.use(vueModelerDc) во Vue 2 — плагин создаст контейнер автоматически.

Nuxt проект

Просто создайте плагин для Nuxt в папке plugins

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

export default defineNuxtPlugin((nuxtApp) => {
  const dc = new Container()
  nuxtApp.vueApp.use(vueModelerDc, { dc })
})

Всё готово для начала работы!