From 49a02ce747e2f967f1a4fd386b2e6ffa5aef8a10 Mon Sep 17 00:00:00 2001
From: Kamila <kamila.lach1@gmail.com>
Date: Thu, 25 Jul 2024 13:59:09 +0200
Subject: [PATCH] enable using modals

---
 admin/components.d.ts | 1 +
 admin/src/App.vue     | 9 +++------
 admin/vite.config.js  | 3 ++-
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/admin/components.d.ts b/admin/components.d.ts
index 955df4bd2..e614417fc 100644
--- a/admin/components.d.ts
+++ b/admin/components.d.ts
@@ -7,6 +7,7 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    BModal: typeof import('bootstrap-vue-next')['BModal']
     ChangeUserRoleFormular: typeof import('./src/components/ChangeUserRoleFormular.vue')['default']
     CommunityVisualizeItem: typeof import('./src/components/Federation/CommunityVisualizeItem.vue')['default']
     ConfirmRegisterMailFormular: typeof import('./src/components/ConfirmRegisterMailFormular.vue')['default']
diff --git a/admin/src/App.vue b/admin/src/App.vue
index e5ee5c389..155cd5b65 100644
--- a/admin/src/App.vue
+++ b/admin/src/App.vue
@@ -2,16 +2,13 @@
   <div id="app">
     <default-layout v-if="$store.state.token" />
     <router-view v-else></router-view>
+    <BModalOrchestrator />
   </div>
 </template>
 
-<script>
+<script setup>
 import defaultLayout from '@/layouts/defaultLayout'
-
-export default {
-  name: 'App',
-  components: { defaultLayout },
-}
+import { BModalOrchestrator } from 'bootstrap-vue-next'
 </script>
 <style>
 .pointer {
diff --git a/admin/vite.config.js b/admin/vite.config.js
index 47a712f48..11e0bec33 100644
--- a/admin/vite.config.js
+++ b/admin/vite.config.js
@@ -4,6 +4,7 @@ import commonjs from 'vite-plugin-commonjs'
 import Icons from 'unplugin-icons/vite'
 import Components from 'unplugin-vue-components/vite'
 import IconsResolve from 'unplugin-icons/resolver'
+import { BootstrapVueNextResolver } from 'bootstrap-vue-next'
 
 const path = require('path')
 
@@ -32,7 +33,7 @@ export default defineConfig({
       },
     }),
     Components({
-      resolvers: [IconsResolve()],
+      resolvers: [IconsResolve(), BootstrapVueNextResolver()],
       dts: true,
     }),
     Icons({