From a45f07f6b3f5f5015cfed1f68df6573e912622cf Mon Sep 17 00:00:00 2001
From: Ni55aN <stoliarov.v.s@gmail.com>
Date: Sun, 3 Mar 2024 21:57:02 +0200
Subject: [PATCH] feat(docs): add uk translation for vue docs

---
 content/uk/docs/4.guides/2.renderers/2.vue.md | 44 +++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/content/uk/docs/4.guides/2.renderers/2.vue.md b/content/uk/docs/4.guides/2.renderers/2.vue.md
index 1e84c523..7af9b572 100644
--- a/content/uk/docs/4.guides/2.renderers/2.vue.md
+++ b/content/uk/docs/4.guides/2.renderers/2.vue.md
@@ -201,6 +201,50 @@ render.addPreset(Presets.classic.setup({
 }
 ```
 
+## Використання Vue.js плагінів {#install-vue-plugins}
+
+Оскільки `rete-vue-plugin` створює незалежний екземпляр Vue.js для вузлів, сокетів, контролів тощо, він не успадковує плагіни з основного екземпляра Vue вашого проекту. Щоб заповнити цей пробіл, плагін пропонує рішення: впровадження власного екземпляра додатку Vue. Ця можливість забезпечує доступність будь-яких плагінів Vue або глобальних компонентів, які ви бажаєте використовувати в компонентах Vue, специфічних для Rete, тим самим забезпечуючи безперешкодне спільне використання між вашим додатком Vue.js та редактором Rete.js.
+
+### Vue.js 3
+
+Наступний приклад демонструє, як налаштувати власний екземпляр Vue.js 3:
+
+```ts
+import { Presets, VuePlugin } from "rete-vue-plugin";
+import { createApp } from "vue";
+
+const render = new VuePlugin<Schemes, AreaExtra>({
+  setup(context) {
+    const app = createApp(context);
+
+    app.use(yourPlugin);
+
+    return app;
+  },
+});
+```
+
+де `yourPlugin` це екземпляр будь-якого плагіна (наприклад, [Vuetify](https://vuetifyjs.com/en/getting-started) або [Vue I18N](https://vue-i18n.intlify.dev/))
+
+### Vue.js 2
+
+Оскільки ініціалізація для Vue.js 2 трохи відрізняється, давайте розглянемо наступний приклад:
+
+```ts
+import { Presets, VuePlugin } from "rete-vue-plugin";
+import Vue from "vue";
+
+const render = new VuePlugin<Schemes, AreaExtra>({
+  setup(context) {
+    const app = new Vue({ ...context, yourPlugin });
+
+    return app;
+  },
+});
+```
+
+де `yourPlugin` це екземпляр будь-якого плагіна (наприклад, [Vuetify](https://vuetifyjs.com/en/getting-started) або [Vue I18N](https://kazupon.github.io/vue-i18n/))
+
 ## Інші пресети {#other presets}
 
 - [контекстне меню](/uk/docs/guides/context-menu)