cmtimm/budget
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor budget and transaction state management to use $derived for improved reactivity

Browse Source
This commit is contained in:
Casey Timm
2025-07-08 22:00:27 -04:00
parent 883a5f2642
commit 3e7572f3a3
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/routes/+layout.svelte
View File

@ -1,7 +1,7 @@
<script> <script>
import '../app.css'; import '../app.css';
let { children, data } = $props(); let { children, data } = $props();
let budgets = $state(data.budgets); let budgets = $derived(data.budgets);
let newBudget = $state({ let newBudget = $state({
name: '', name: '',
amount: 0, amount: 0,

4
src/routes/budget/[slug]/+page.svelte
View File

@ -1,8 +1,8 @@
<script> <script>
let { data } = $props(); let { data } = $props();
let budget = $state(data.budgets.find((b) => b.id == data.slug) || {}); let budget = $derived(data.budgets.find((b) => b.id == data.slug) || {});
let transactions = $state(data.transactions || []); let transactions = $derived(data.transactions || []);
let toDeleteBudget = $state(null); let toDeleteBudget = $state(null);
async function deleteBudget() { async function deleteBudget() {