diff --git a/Frontend/src/components/sidebar/SidebarComponent.vue b/Frontend/src/components/sidebar/SidebarComponent.vue
index aefffad..1db466e 100644
--- a/Frontend/src/components/sidebar/SidebarComponent.vue
+++ b/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';
diff --git a/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue b/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue
index 80f1c8d..9fc61f2 100644
--- a/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue
+++ b/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue
@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import { ref } from 'vue'
 const hiddenOrActive = ref('hidden');
 
diff --git a/Frontend/src/components/sidebar/SidebarToolLinkComponent.vue b/Frontend/src/components/sidebar/SidebarToolLinkComponent.vue
index 4ed19f7..dfee0dd 100644
--- a/Frontend/src/components/sidebar/SidebarToolLinkComponent.vue
+++ b/Frontend/src/components/sidebar/SidebarToolLinkComponent.vue
@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import { RouterLink } from 'vue-router';
 const props = defineProps(
     {
diff --git a/Frontend/src/components/xml/XmlInputFieldComponent.vue b/Frontend/src/components/xml/XmlInputFieldComponent.vue
index 47f1d49..80704f0 100644
--- a/Frontend/src/components/xml/XmlInputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlInputFieldComponent.vue
@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 
 const props = defineProps(
     {
diff --git a/Frontend/src/router/index.ts b/Frontend/src/router/index.ts
index 1781e26..21f4c58 100644
--- a/Frontend/src/router/index.ts
+++ b/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
-  },
 ]
 
 
diff --git a/Frontend/src/shims-svg.d.ts b/Frontend/src/shims-svg.d.ts
new file mode 100644
index 0000000..de2752d
--- /dev/null
+++ b/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;
+  }
\ No newline at end of file