Refactor getters to stores

src/lib/components/Food/FoodComp.svelte

@@ -2,8 +2,6 @@
 	import type { Food } from '$lib/database/food'
 
 	export let item: Food
-
-	console.log(item)
 </script>
 
 <template>

src/lib/router/routes/Daily.svelte

@@ -1,19 +1,8 @@
 <script lang="ts">
-	import { type AggregatedFood, FoodService } from '$lib/database/food'
-	import { onMount } from 'svelte'
 	import AggregatedFoodTable from '$components/AggregatedFood/AggregatedFoodTable.svelte'
-
+	import { dailyFoodStore } from '$lib/store/dailyFoodStore'
-	let foods: AggregatedFood[] = []
-	onMount(async () => {
-		const [dbfoods, err] = await FoodService.GetDaily()
-		if (err) {
-			console.error(err)
-			return
-		}
-		foods = dbfoods
-	})
 </script>
 
 <template>
-	<AggregatedFoodTable items="{foods}" />
+	<AggregatedFoodTable items="{$dailyFoodStore}" />
 </template>

src/lib/router/routes/Monthly.svelte

@@ -1,19 +1,8 @@
 <script lang="ts">
-	import { type AggregatedFood, FoodService } from '$lib/database/food'
-	import { onMount } from 'svelte'
 	import AggregatedFoodTable from '$components/AggregatedFood/AggregatedFoodTable.svelte'
-
+	import { monthlyFoodStore } from '$lib/store/monthlyFoodStore'
-	let foods: AggregatedFood[] = []
-	onMount(async () => {
-		const [dbfoods, err] = await FoodService.GetMonthly()
-		if (err) {
-			console.error(err)
-			return
-		}
-		foods = dbfoods
-	})
 </script>
 
 <template>
-	<AggregatedFoodTable items="{foods}" />
+	<AggregatedFoodTable items="{$monthlyFoodStore}" />
 </template>

src/lib/router/routes/Weekly.svelte

@@ -1,19 +1,8 @@
 <script lang="ts">
-	import { type AggregatedFood, FoodService } from '$lib/database/food'
-	import { onMount } from 'svelte'
 	import AggregatedFoodTable from '$components/AggregatedFood/AggregatedFoodTable.svelte'
-
+	import { weeklyFoodStore } from '$lib/store/weeklyFoodStore'
-	let foods: AggregatedFood[] = []
-	onMount(async () => {
-		const [dbfoods, err] = await FoodService.GetWeekly()
-		if (err) {
-			console.error(err)
-			return
-		}
-		foods = dbfoods
-	})
 </script>
 
 <template>
-	<AggregatedFoodTable items="{foods}" />
+	<AggregatedFoodTable items="{$weeklyFoodStore}" />
 </template>

src/lib/router/routes/Yearly.svelte

@@ -1,19 +1,8 @@
 <script lang="ts">
-	import { type AggregatedFood, FoodService } from '$lib/database/food'
-	import { onMount } from 'svelte'
 	import AggregatedFoodTable from '$components/AggregatedFood/AggregatedFoodTable.svelte'
-
+	import { yearlyFoodStore } from '$lib/store/yearlyFoodStore'
-	let foods: AggregatedFood[] = []
-	onMount(async () => {
-		const [dbfoods, err] = await FoodService.GetYearly()
-		if (err) {
-			console.error(err)
-			return
-		}
-		foods = dbfoods
-	})
 </script>
 
 <template>
-	<AggregatedFoodTable items="{foods}" />
+	<AggregatedFoodTable items="{$yearlyFoodStore}" />
 </template>

src/lib/store/dailyFoodStore.ts

@@ -0,0 +1,20 @@
+import { type Writable, writable } from 'svelte/store'
+import { type AggregatedFood, FoodService } from '$lib/database/food'
+
+
+async function createStore(): Promise<Writable<AggregatedFood[]>> {
+	let [foods, err] = await FoodService.GetDaily()
+	if (err) {
+		foods = []
+		console.error(err)
+	}
+
+	const { subscribe, update, set } = writable(foods)
+	return {
+		subscribe,
+		update,
+		set
+	}
+}
+
+export const dailyFoodStore = await createStore()

src/lib/store/monthlyFoodStore.ts

@@ -0,0 +1,20 @@
+import { type Writable, writable } from 'svelte/store'
+import { type AggregatedFood, FoodService } from '$lib/database/food'
+
+
+async function createStore(): Promise<Writable<AggregatedFood[]>> {
+	let [foods, err] = await FoodService.GetMonthly()
+	if (err) {
+		foods = []
+		console.error(err)
+	}
+
+	const { subscribe, update, set } = writable(foods)
+	return {
+		subscribe,
+		update,
+		set
+	}
+}
+
+export const monthlyFoodStore = await createStore()

src/lib/store/weeklyFoodStore.ts

@@ -0,0 +1,20 @@
+import { type Writable, writable } from 'svelte/store'
+import { type AggregatedFood, FoodService } from '$lib/database/food'
+
+
+async function createStore(): Promise<Writable<AggregatedFood[]>> {
+	let [foods, err] = await FoodService.GetWeekly()
+	if (err) {
+		foods = []
+		console.error(err)
+	}
+
+	const { subscribe, update, set } = writable(foods)
+	return {
+		subscribe,
+		update,
+		set
+	}
+}
+
+export const weeklyFoodStore = await createStore()

src/lib/store/yearlyFoodStore.ts

@@ -0,0 +1,20 @@
+import { type Writable, writable } from 'svelte/store'
+import { type AggregatedFood, FoodService } from '$lib/database/food'
+
+
+async function createStore(): Promise<Writable<AggregatedFood[]>> {
+	let [foods, err] = await FoodService.GetYearly()
+	if (err) {
+		foods = []
+		console.error(err)
+	}
+
+	const { subscribe, update, set } = writable(foods)
+	return {
+		subscribe,
+		update,
+		set
+	}
+}
+
+export const yearlyFoodStore = await createStore()