Added aliases, fixed typescript and vite config

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('');
 

new-frontend/src/components/FormatterComponent.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { onMounted, ref, watch } from 'vue';
 
 
 </script>

new-frontend/src/components/LandingComponent.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 
-
 </script>
 
 <template>

new-frontend/src/components/RestMockComponent.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { onMounted, ref, watch } from 'vue';
 
 
 </script>

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 = [
   {

new-frontend/src/shims-vue.d.ts

@@ -0,0 +1 @@
+declare module '*.vue';

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",

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",

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",

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",

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"],
 }

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)),
     }
   }
 })