Frontend/src/components/sidebar/SidebarComponent.vue

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

Frontend/src/components/sidebar/SidebarMenuElementComponent.vue

@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import { ref } from 'vue'
 const hiddenOrActive = ref('hidden');
 

Frontend/src/components/sidebar/SidebarToolLinkComponent.vue

@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import { RouterLink } from 'vue-router';
 const props = defineProps(
     {

Frontend/src/components/xml/XmlInputFieldComponent.vue

@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 
 const props = defineProps(
     {

Frontend/src/router/index.ts

@@ -2,7 +2,6 @@ import { createRouter, createWebHistory } from 'vue-router'
 
 const landingPage = import("@views/LandingView.vue")
 const restMock = import("@views/RestMockView.vue")
-const formatter = import("@views/FormatterView.vue")
 
 const xsltTool = import("@views/XSLTView.vue")
 
@@ -22,16 +21,6 @@ const routes = [
     name: 'xpath',
     component: () => restMock
   },
-  {
-    path: '/xml/xquery',
-    name: 'xquery',
-    component: () => formatter
-  },
-  {
-    path: '/xml/xsd',
-    name: 'xsd',
-    component: () => formatter
-  },
 ]
 
 

Frontend/src/shims-svg.d.ts

@@ -0,0 +1,5 @@
+declare module '*.svg' {
+    import Vue, {VueConstructor} from 'vue';
+    const content: VueConstructor<Vue>;
+    export default content;
+  }