diff --git a/src/main/webapp/src/main.ts b/src/main/webapp/src/main.ts
index 4d3039bb..739db898 100644
--- a/src/main/webapp/src/main.ts
+++ b/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';
diff --git a/src/main/webapp/src/views/app/tldraw/CollaborativeTldrawView.vue b/src/main/webapp/src/views/app/tldraw/CollaborativeTldrawView.vue
index da22dda1..9385ce2e 100644
--- a/src/main/webapp/src/views/app/tldraw/CollaborativeTldrawView.vue
+++ b/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';
diff --git a/src/main/webapp/src/views/app/tldraw/TldrawView.vue b/src/main/webapp/src/views/app/tldraw/TldrawView.vue
index 3b1186a8..644d1a6e 100644
--- a/src/main/webapp/src/views/app/tldraw/TldrawView.vue
+++ b/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';
diff --git a/src/main/webapp/src/views/app/wisemapping/CollaborativeWisemappingView.vue b/src/main/webapp/src/views/app/wisemapping/CollaborativeWisemappingView.vue
index 5c3efa95..490bb26a 100644
--- a/src/main/webapp/src/views/app/wisemapping/CollaborativeWisemappingView.vue
+++ b/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>
diff --git a/src/main/webapp/src/views/app/wisemapping/WisemappingView.vue b/src/main/webapp/src/views/app/wisemapping/WisemappingView.vue
index 189ce5ef..13656578 100644
--- a/src/main/webapp/src/views/app/wisemapping/WisemappingView.vue
+++ b/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';