web/src/pages/BudgetSidebar.vue

@@ -1,8 +1,8 @@
 <script>
 export default {
+  props: ['budgetid'],
   mounted () {
-    const budgetid = this.$route.params.budgetid;
-    this.$store.dispatch("setCurrentBudget", budgetid)
+    this.$store.dispatch("setCurrentBudget", this.budgetid)
   }
 }
 

web/src/router/routes.js

@@ -9,7 +9,7 @@ const routes = [
   { path: '/dashboard', name: 'Dashboard', component: Dashboard },
   { path: '/login', name: 'Login', component: Login },
   { path: '/register', name: 'Register', component: Register },
-  { path: '/budget/:budgetid',  name: 'Budget', components: {default: Dashboard, sidebar: BudgetSidebar } },
+  { path: '/budget/:budgetid',  name: 'Budget', components: {default: Dashboard, sidebar: BudgetSidebar}, props: true },
 ]
 
 const router = createRouter({