diff --git a/new-frontend/src/App.vue b/new-frontend/src/App.vue
index 73c3cbe..d9dd349 100644
--- a/new-frontend/src/App.vue
+++ b/new-frontend/src/App.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
 import { RouterView } from 'vue-router';
-import XmlTool from './components/XmlTool.vue';
 
 const activeToolBox = ref('');
 
diff --git a/new-frontend/src/components/FormatterComponent.vue b/new-frontend/src/components/FormatterComponent.vue
index 1abfcbd..f5ef774 100644
--- a/new-frontend/src/components/FormatterComponent.vue
+++ b/new-frontend/src/components/FormatterComponent.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { onMounted, ref, watch } from 'vue';
 
 
 </script>
diff --git a/new-frontend/src/components/LandingComponent.vue b/new-frontend/src/components/LandingComponent.vue
index 8d6ca36..b3c0bde 100644
--- a/new-frontend/src/components/LandingComponent.vue
+++ b/new-frontend/src/components/LandingComponent.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 
-
 </script>
 
 <template>
diff --git a/new-frontend/src/components/RestMockComponent.vue b/new-frontend/src/components/RestMockComponent.vue
index 6e41629..25212f2 100644
--- a/new-frontend/src/components/RestMockComponent.vue
+++ b/new-frontend/src/components/RestMockComponent.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { onMounted, ref, watch } from 'vue';
 
 
 </script>
diff --git a/new-frontend/src/router/index.ts b/new-frontend/src/router/index.ts
index 8676e13..323644f 100644
--- a/new-frontend/src/router/index.ts
+++ b/new-frontend/src/router/index.ts
@@ -1,9 +1,9 @@
 import { createRouter, createWebHistory } from 'vue-router'
 
-const landingPage = import("@/views/LandingView.vue")
-const xmlTool = import("@/views/XmlToolView.vue")
-const restMock = import("@/views/RestMockView.vue")
-const formatter = import("@/views/FormatterView.vue")
+const landingPage = import("@views/LandingView.vue")
+const xmlTool = import("@views/XmlToolView.vue")
+const restMock = import("@views/RestMockView.vue")
+const formatter = import("@views/FormatterView.vue")
 
 const routes = [
   {
diff --git a/new-frontend/src/shims-vue.d.ts b/new-frontend/src/shims-vue.d.ts
new file mode 100644
index 0000000..cd04b72
--- /dev/null
+++ b/new-frontend/src/shims-vue.d.ts
@@ -0,0 +1 @@
+declare module '*.vue';
\ No newline at end of file
diff --git a/new-frontend/src/views/FormatterView.vue b/new-frontend/src/views/FormatterView.vue
index dd61bce..4e18d79 100644
--- a/new-frontend/src/views/FormatterView.vue
+++ b/new-frontend/src/views/FormatterView.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import FormatterComponent from '@/components/FormatterComponent.vue'
+import FormatterComponent from '@components/FormatterComponent.vue'
 
 export default {
     name:"FormatterView",
diff --git a/new-frontend/src/views/LandingView.vue b/new-frontend/src/views/LandingView.vue
index 38af59a..73891f8 100644
--- a/new-frontend/src/views/LandingView.vue
+++ b/new-frontend/src/views/LandingView.vue
@@ -1,5 +1,6 @@
 <script lang="ts">
-import LandingComponent from '@/components/LandingComponent.vue'
+import LandingComponent from '@components/LandingComponent.vue'
+
 
 export default {
     name:"LandingView",
diff --git a/new-frontend/src/views/RestMockView.vue b/new-frontend/src/views/RestMockView.vue
index 8222e66..769a8b5 100644
--- a/new-frontend/src/views/RestMockView.vue
+++ b/new-frontend/src/views/RestMockView.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import RestMockComponent from '@/components/RestMockComponent.vue'
+import RestMockComponent from '@components/RestMockComponent.vue'
 
 export default {
     name:"RestMockView",
diff --git a/new-frontend/src/views/XmlToolView.vue b/new-frontend/src/views/XmlToolView.vue
index ee7c3af..b86e201 100644
--- a/new-frontend/src/views/XmlToolView.vue
+++ b/new-frontend/src/views/XmlToolView.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import XmlToolComponent from '@/components/XmlToolComponent.vue'
+import XmlToolComponent from '@components/XmlToolComponent.vue'
 
 export default {
     name:"XmlToolView",
diff --git a/new-frontend/tsconfig.json b/new-frontend/tsconfig.json
index 0d0155e..54b6bd3 100644
--- a/new-frontend/tsconfig.json
+++ b/new-frontend/tsconfig.json
@@ -1,13 +1,13 @@
 {
   "extends": "@vue/tsconfig/tsconfig.json",
-  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": ["./src/*"],
+      "@components/*":["./src/components/*"],
+      "@views/*":["./src/views/*"],
     }
   },
-  "files": [],
   "references": [
     {
       "path": "./tsconfig.node.json"
@@ -15,5 +15,13 @@
     {
       "path": "./tsconfig.app.json"
     }
-  ]
+  ],
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "tests/**/*.ts",
+    "tests/**/*.tsx"
+  ],
+  "exclude": ["node_modules"],
 }
diff --git a/new-frontend/vite.config.ts b/new-frontend/vite.config.ts
index 5c45e1d..b9e82c0 100644
--- a/new-frontend/vite.config.ts
+++ b/new-frontend/vite.config.ts
@@ -10,7 +10,9 @@ export default defineConfig({
   ],
   resolve: {
     alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+      '@components': fileURLToPath(new URL('./src/components', import.meta.url)),
+      '@views': fileURLToPath(new URL('./src/views', import.meta.url)),
     }
   }
 })