enable using modals

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']

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 {

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({