refactor Utils package

src/components/InteractiveObjects/MazeQuizGame/MazeQuizGame.js

@@ -1,5 +1,5 @@
 import { MazeObject } from "./MazeObject";
-import Utils from "@/lib/Utils";
+import Utils from "#/app/Utils";
 import { EventManager } from '@/lib/EventManager';
 
 const params = {

src/components/InteractiveObjects/PairMatchingGame.js

@@ -2,7 +2,7 @@ import { BoxGeometry, Mesh, MeshStandardMaterial, Group, Vector3, CatmullRomCurv
 import { LineMaterial, LineGeometry, Line2 } from 'three/examples/jsm/Addons.js';
 import { centerOrigin } from '@/lib/MeshUtils';
 import { EventManager } from '@/lib/EventManager';
-import Utils from '@/lib/Utils';
+import Utils from '#/app/Utils';
 
 class PairMatchingGame extends EventManager {
     emits = ['finish', 'interaction']

src/components/InteractiveObjects/SingleQuestion.js

@@ -2,7 +2,7 @@ import { Group, Color } from 'three';
 import { centerOrigin } from '@/lib/MeshUtils';
 import { EventManager } from '@/lib/EventManager';
 import { TextObject } from './TextObject';
-import Utils from '@/lib/Utils';
+import Utils from '#/app/Utils';
 
 class SingleQuestion extends EventManager {
     emits = ['finish']

src/components/SceneDesigner/Scene.vue

@@ -46,7 +46,7 @@
 
 <script>
 import SvgIcon from './SvgIcon.vue';
-import Utils from '@/lib/Utils';
+import Utils from '#/app/Utils';
 import AssetSelector from '../AssetsManagement/AssetSelector.vue';
 
 export default {

src/components/SceneDesigner/SceneDesigner.vue

@@ -76,7 +76,7 @@
 import GameObject from './GameObject.vue';
 import Scene from './Scene.vue';
 import SvgRectangle from './SvgRectangle.vue';
-import Utils from '@/lib/Utils';
+import Utils from '#/app/Utils';
 import AssetSelector from '../AssetsManagement/AssetSelector.vue';
 import Task from './Task.vue';
 

src/components/SceneDesigner/SvgRectangle.vue

@@ -13,7 +13,7 @@
 
 <script>
 import AnnotationPoint from './AnnotationPoint.vue';
-import Utils from '@/lib/Utils';
+import Utils from '#/app/Utils';
 
 export default {
   components: { AnnotationPoint },

src/components/SceneDesigner/Task.vue

@@ -27,7 +27,7 @@
 
 <script>
 import SvgIcon from './SvgIcon.vue';
-import Utils from '@/lib/Utils';
+import Utils from '#/app/Utils';
 
 export default {
   emits:['target', 'preview'],

src/lib/Dashboard.js

@@ -5,7 +5,7 @@ import {
 
 import { Text } from "troika-three-text";
 import { EventManager } from "./EventManager";
-import Utils from "./Utils";
+import Utils from "#/app/Utils";
 class DashBoard extends EventManager {
 	#points = 0;
 	constructor(engine) {