From a2cc19d3106560c064580cd52e14dfa8ea6f918a Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Tue, 25 Jan 2022 12:54:25 +0000
Subject: [PATCH] Use props for budgetid

---
 web/src/pages/BudgetSidebar.vue | 4 ++--
 web/src/router/routes.js        | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/pages/BudgetSidebar.vue b/web/src/pages/BudgetSidebar.vue
index 3481411..7ea3d34 100644
--- a/web/src/pages/BudgetSidebar.vue
+++ b/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)
   }
 }
 
diff --git a/web/src/router/routes.js b/web/src/router/routes.js
index e75d90d..fb409d0 100644
--- a/web/src/router/routes.js
+++ b/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({