randomize order of recipes based on day

src/routes/rezepte/+page.svelte

@@ -7,6 +7,7 @@
     	export let data: PageData;
     	export let current_month = new Date().getMonth() + 1
 	const all_categories = [ ...new Set (data.all_brief.map(item => item.category))];
+	import { rand_array } from '$lib/js/randomize';
 </script>
 <style>
 h1{
@@ -20,7 +21,7 @@ h1{
 <h1>Rezepte</h1>
 <section>
 <MediaScroller title="In Saison:">
-{#each data.season as recipe}
+{#each rand_array(data.season) as recipe}
 	<Card {recipe} {current_month} search=""></Card>
 {/each}
 </MediaScroller>
@@ -29,7 +30,7 @@ h1{
 
 {#each all_categories as category}
 	<MediaScroller title={category}>
-	{#each data.all_brief.filter(recipe => recipe.category == category) as recipe}
+	{#each rand_array(data.all_brief.filter(recipe => recipe.category == category)) as recipe}
 		<Card {recipe} {current_month}></Card>
 	{/each}
 	</MediaScroller>

src/routes/rezepte/category/[category]/+page.svelte

@@ -5,13 +5,14 @@
     export let data: PageData;
     export let current_month = new Date().getMonth() + 1;
     import Card from '$lib/components/Card.svelte'
+    import { rand_array } from '$lib/js/randomize';
 </script>
 <h1>Rezepte</h1>
 <h2>In Kategorie {data.category}</h2>
 <Search></Search>
 <section>
 <Recipes>
-	{#each data.recipes as recipe}
+	{#each rand_array(data.recipes) as recipe}
 		<Card {recipe} {current_month}></Card>
 	{/each}
 </Recipes>

src/routes/rezepte/icon/[icon]/+page.svelte

@@ -6,11 +6,12 @@
     import Card from '$lib/components/Card.svelte';
     import Search from '$lib/components/Search.svelte';
     export let data: PageData;
+    import { rand_array } from '$lib/js/randomize';
 </script>
 <IconLayout icons={data.icons}>
 <h2 slot=test>Rezepte mit {data.icon}</h2>
 <Recipes slot=recipes>
-	{#each data.season as recipe}
+	{#each rand_array(data.season) as recipe}
 		<Card {recipe} icon_override=true></Card>
 	{/each}
 </Recipes>

src/routes/rezepte/season/+page.svelte

@@ -8,12 +8,13 @@
     import Search from '$lib/components/Search.svelte';
     export let data: PageData;
     export let current_month = new Date().getMonth() + 1
+    import { rand_array } from '$lib/js/randomize';
 </script>
 
 <SeasonLayout>
 <h2 slot=test>Rezepte des Monats </h2>
 <Recipes slot=recipes>
-	{#each data.season as recipe}
+	{#each rand_array(data.season) as recipe}
 		<Card {recipe} {current_month}></Card>
 	{/each}
 </Recipes>

src/routes/rezepte/season/[month]/+page.svelte

@@ -7,11 +7,12 @@
     import Search from '$lib/components/Search.svelte';
     export let data: PageData;
     let months = ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"]
+    import { rand_array } from '$lib/js/randomize';
 </script>
 <SeasonLayout>
 <h2 slot=test>Rezepte die im {months[data.month-1]} in Saison sind</h2>
 <Recipes slot=recipes>
-	{#each data.season as recipe}
+	{#each rand_array(data.season) as recipe}
 		<Card {recipe} icon_override=true></Card>
 	{/each}
 </Recipes>

src/routes/rezepte/tag/[tag]/+page.svelte

@@ -5,13 +5,14 @@
     export let current_month = new Date().getMonth() + 1;
     import Card from '$lib/components/Card.svelte'
     import Search from '$lib/components/Search.svelte';
+    import { rand_array } from '$lib/js/randomize';
 </script>
 <h1>Rezepte</h1>
 <h2>In Tag {data.tag}</h2>
 <Search></Search>
 <section>
 <Recipes>
-	{#each data.recipes as recipe}
+	{#each rand_array(data.recipes) as recipe}
 		<Card {recipe} {current_month}></Card>
 	{/each}
 	</Recipes>