diff --git a/web/src/components/HelloWorld.vue b/web/src/components/HelloWorld.vue
deleted file mode 100644
index b2ef30e..0000000
--- a/web/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<script setup>
-import { ref } from 'vue'
-
-defineProps({
-  msg: String
-})
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <p>
-    Recommended IDE setup:
-    <a href="https://code.visualstudio.com/" target="_blank">VSCode</a>
-    +
-    <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
-  </p>
-
-  <button type="button" @click="count++">count is: {{ count }}</button>
-  <p>
-    Edit
-    <code>components/HelloWorld.vue</code> to test hot module replacement.
-  </p>
-</template>
-
-<style scoped>
-a {
-  color: #42b983;
-}
-</style>
diff --git a/web/src/pages/Budget.vue b/web/src/pages/Budget.vue
new file mode 100644
index 0000000..08c97f2
--- /dev/null
+++ b/web/src/pages/Budget.vue
@@ -0,0 +1,8 @@
+<script>
+
+</script>
+
+<template>
+  <h1>Budget</h1>
+
+</template>
\ No newline at end of file
diff --git a/web/src/pages/Dashboard.vue b/web/src/pages/Dashboard.vue
index c4c47bc..b1b72d7 100644
--- a/web/src/pages/Dashboard.vue
+++ b/web/src/pages/Dashboard.vue
@@ -2,7 +2,6 @@
 export default {
     computed: {
         dashboard () { 
-            console.log(this.$store.state);
             return this.$store.state;
         }
     },
diff --git a/web/src/pages/Login.vue b/web/src/pages/Login.vue
index 815386e..3356000 100644
--- a/web/src/pages/Login.vue
+++ b/web/src/pages/Login.vue
@@ -1,9 +1,7 @@
 <script>
-
 export default {
     computed: {
         dashboard () { 
-            console.log(this.$store.state);
             return this.$store.state;
         }
     },
diff --git a/web/src/router/index.js b/web/src/router/index.js
index 095e9f3..932a57a 100644
--- a/web/src/router/index.js
+++ b/web/src/router/index.js
@@ -1,12 +1,12 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
-import HelloWorld from '../components/HelloWorld.vue';
+import Budget from '../pages/Budget.vue';
 import Dashboard from '../pages/Dashboard.vue';
 import Login from '../pages/Login.vue';
 
 const routes = [
   { path: '/', name: 'Index', component: Dashboard },
   { path: '/login', name: 'Login', component: Login },
-  { path: '/uiae',  name: 'Home', component: HelloWorld },
+  { path: '/budget/:budgetid',  name: 'Budget', component: Budget },
 ]
 
 const router = createRouter({