diff --git a/new-frontend/src/App.vue b/new-frontend/src/App.vue
index d5debce..007aa95 100644
--- a/new-frontend/src/App.vue
+++ b/new-frontend/src/App.vue
@@ -13,7 +13,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <XmlTool></XmlTool>
+  <RouterView></RouterView>
 </template>
 
 <style scoped></style>
diff --git a/new-frontend/src/components/Landing.vue b/new-frontend/src/components/LandingComponent.vue
similarity index 69%
rename from new-frontend/src/components/Landing.vue
rename to new-frontend/src/components/LandingComponent.vue
index c07e2d5..8d6ca36 100644
--- a/new-frontend/src/components/Landing.vue
+++ b/new-frontend/src/components/LandingComponent.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { onMounted, ref, watch } from 'vue';
 
 
 </script>
diff --git a/new-frontend/src/main.ts b/new-frontend/src/main.ts
index 01433bc..b06cdcf 100644
--- a/new-frontend/src/main.ts
+++ b/new-frontend/src/main.ts
@@ -1,4 +1,5 @@
-import { createApp } from 'vue'
-import App from './App.vue'
+import { createApp } from 'vue';
+import router from "./router";
+import App from './App.vue';
 
-createApp(App).mount('#app')
+createApp(App).use(router).mount('#app')
diff --git a/new-frontend/src/router/index.ts b/new-frontend/src/router/index.ts
index b3f08be..4edec72 100644
--- a/new-frontend/src/router/index.ts
+++ b/new-frontend/src/router/index.ts
@@ -1,21 +1,20 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import XmlTool from '../components/XmlTool.vue';
+
+const landingPage = import("@/views/LandingView.vue")
+
+const routes = [
+  {
+    path: '/',
+    name: 'landing',
+    component: () => landingPage
+  },
+]
 
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
-  routes: [
-    {
-      path: '/',
-      name: 'landing',
-      component: () => import('../components/XmlTool.vue')
-    },
-    {
-      path: '/xmltools',
-      name: 'portfolio',
-      component: () => import('../views/PortfolioView.vue')
-    }
-  ]
+  routes: routes
 })
 
+
 export default router;
\ No newline at end of file
diff --git a/new-frontend/src/views/LandingView.vue b/new-frontend/src/views/LandingView.vue
new file mode 100644
index 0000000..38af59a
--- /dev/null
+++ b/new-frontend/src/views/LandingView.vue
@@ -0,0 +1,14 @@
+<script lang="ts">
+import LandingComponent from '@/components/LandingComponent.vue'
+
+export default {
+    name:"LandingView",
+    components: {LandingComponent}
+}
+</script>
+
+
+<template>
+    <LandingComponent></LandingComponent>
+</template>
+
diff --git a/new-frontend/tsconfig.json b/new-frontend/tsconfig.json
index 66b5e57..0d0155e 100644
--- a/new-frontend/tsconfig.json
+++ b/new-frontend/tsconfig.json
@@ -1,4 +1,12 @@
 {
+  "extends": "@vue/tsconfig/tsconfig.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
   "files": [],
   "references": [
     {