From 6ce081196cb4ec32561a0b6b6810ca2972fd604d Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Thu, 22 Jan 2026 12:26:52 +0100
Subject: [PATCH] Update Vite configuration and Character3D component for
 improved module handling

- Added 'three' to the dedupe array in Vite config to optimize dependency resolution.
- Updated CommonJS options to enable transformation of mixed ES modules for better compatibility.
- Changed the import path for GLTFLoader in Character3D.vue to align with the latest Three.js structure.
---
 frontend/src/components/Character3D.vue | 2 +-
 frontend/vite.config.js                 | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Character3D.vue b/frontend/src/components/Character3D.vue
index 64fc6a0..69e58a0 100644
--- a/frontend/src/components/Character3D.vue
+++ b/frontend/src/components/Character3D.vue
@@ -5,7 +5,7 @@
 <script>
 import { markRaw } from 'vue';
 import * as THREE from 'three';
-import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
+import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
 
 export default {
   name: 'Character3D',
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index 42bb3f9..0ce6466 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -49,7 +49,8 @@ export default defineConfig(({ mode }) => {
                 stream: 'stream-browserify',
                 util: 'util',
                 assert: 'assert',
-            }
+            },
+            dedupe: ['three']
         },
         build: {
             rollupOptions: {
@@ -59,7 +60,8 @@ export default defineConfig(({ mode }) => {
                 }
             },
             commonjsOptions: {
-                include: [/three/, /node_modules/]
+                include: [/three/, /node_modules/],
+                transformMixedEsModules: true
             }
         },
     };