-
diff --git a/resources/js/routes/BaseRoute.vue b/resources/js/routes/BaseRoute.vue
index 4e1ad192..24fd7bfc 100644
--- a/resources/js/routes/BaseRoute.vue
+++ b/resources/js/routes/BaseRoute.vue
@@ -48,6 +48,11 @@
name: 'Metrics',
svg: '
'
},
+ {
+ path: '/budgets',
+ name: 'Budgets',
+ svg: '
'
+ },
]
}
},
diff --git a/resources/js/routes/Budgets.vue b/resources/js/routes/Budgets.vue
new file mode 100644
index 00000000..8dab9f65
--- /dev/null
+++ b/resources/js/routes/Budgets.vue
@@ -0,0 +1,102 @@
+
+
+
+
+
+
+
+ A budget is a dollar amount and time period for one or more groups...
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ${{ (Math.round(budget.total_spend * 100)/ 100).toLocaleString() }}
+
+
+
+
+ {{ budgetSpendsFormat(budget) }}% over
+
+
+
+
total {{ budget.name }} budget
+
${{ Math.round(budget.amount).toLocaleString() }}
+
+
+
+
+
+ {{ tag.name.en }}
+
+
+
+
+
+
+
+
+
+
diff --git a/resources/js/settings-app.js b/resources/js/settings-app.js
index fe3cbacb..599cc0dd 100644
--- a/resources/js/settings-app.js
+++ b/resources/js/settings-app.js
@@ -13,6 +13,7 @@ import locale from "dayjs/plugin/localizedFormat";
Vue.component('zondicon', Zondicon);
initLocalStorage('darkMode', false);
+dayjs.extend(require('dayjs/plugin/utc'))
dayjs.extend(relativeTime)
dayjs.extend(locale)
diff --git a/resources/js/settings/Plaid/DatePicker.vue b/resources/js/settings/Plaid/DatePicker.vue
index 8e0e1f2c..0669a8d0 100644
--- a/resources/js/settings/Plaid/DatePicker.vue
+++ b/resources/js/settings/Plaid/DatePicker.vue
@@ -106,7 +106,7 @@