feat: load web components js in only in app context

src/main/webapp/src/main.ts

@@ -1,8 +1,5 @@
 import 'regenerator-runtime/runtime.js';
 
-import '@gip-recia/tldraw-webcomponent';
-import '@gip-recia/wisemapping-webcomponent';
-
 import { createApp } from 'vue';
 
 import { register as registerDirectives } from '@/directives/index.ts';

src/main/webapp/src/views/app/tldraw/CollaborativeTldrawView.vue

@@ -2,6 +2,7 @@
 import { useAppStore } from '@/stores/appStore.ts';
 import { useConfigurationStore } from '@/stores/configurationStore.ts';
 import { headObserver, styleObserver } from '@/utils/tldrawUtils.ts';
+import '@gip-recia/tldraw-webcomponent';
 import { storeToRefs } from 'pinia';
 import { computed, onMounted, onUnmounted } from 'vue';
 import { useTheme } from 'vuetify';

src/main/webapp/src/views/app/tldraw/TldrawView.vue

@@ -3,6 +3,7 @@ import { useAppStore } from '@/stores/appStore.ts';
 import { useConfigurationStore } from '@/stores/configurationStore.ts';
 import { useFileStore } from '@/stores/fileStore.ts';
 import { headObserver, styleObserver } from '@/utils/tldrawUtils.ts';
+import '@gip-recia/tldraw-webcomponent';
 import { storeToRefs } from 'pinia';
 import { computed, onMounted, onUnmounted } from 'vue';
 import { useTheme } from 'vuetify';

src/main/webapp/src/views/app/wisemapping/CollaborativeWisemappingView.vue

@@ -1,4 +1,6 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import '@gip-recia/wisemapping-webcomponent';
+</script>
 
 <template>
   <div></div>

src/main/webapp/src/views/app/wisemapping/WisemappingView.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { useConfigurationStore } from '@/stores/configurationStore.ts';
 import { useFileStore } from '@/stores/fileStore.ts';
+import '@gip-recia/wisemapping-webcomponent';
 import { storeToRefs } from 'pinia';
 import { computed } from 'vue';