first working prototype

+page.server.ts

@@ -1,65 +0,0 @@
-import type { Actions, Load } from '@sveltejs/kit';
-import { Recipe } from '../../../models/Recipe';
-import { dbConnect, dbDisconnect } from '../../../utils/db';
-import { redirect } from '@sveltejs/kit';
-
-export const load: Load = async () => {
-  await dbConnect();
-  let todos = await Recipe.find().lean();
-  await dbDisconnect();
-  todos = JSON.parse(JSON.stringify(todos));
-  todos = todos.reverse();
-  return {
-    todos,
-  };
-};
-
-export const actions: Actions = {
-  create: async ({ request }) => {
-    const formData = await request.formData();
-    const todoName = formData.get('todoName');
-
-    const newTodo = {
-      title: todoName,
-      isDone: false,
-    };
-
-    await dbConnect();
-    await Recipe.create(newTodo);
-    await dbDisconnect();
-
-    console.log('New todo added: ', newTodo);
-    return {
-      success: true,
-    };
-  },
-  update: async ({ request }) => {
-    const formData = await request.formData();
-    const todoId = formData.get('todoId');
-    const todoName = formData.get('todoName');
-    await dbConnect();
-    await Recipe.findByIdAndUpdate(todoId, {
-      title: todoName,
-    }).lean();
-    await dbDisconnect();
-
-    console.log('Todo updated: ', todoId);
-
-    return {
-      success: true,
-    };
-  },
-
-  delete: async ({ request }) => {
-    const formData = await request.formData();
-    const todoId = formData.get('todoId');
-    await dbConnect();
-    await Recipe.findByIdAndDelete(todoId);
-    await dbDisconnect();
-
-    console.log('Todo deleted: ', todoId);
-    return {
-      success: true,
-    };
-  },
-};

src/+page.svelte

@@ -1,61 +0,0 @@
-<script>
-    /** @type {import('./$types').PageData} */
-    export let data;
-    import MultiImgWrapper from './MultiImgWrapper.svelte'
-    import Property from './Property.svelte'
-    console.log("#################")
-    console.log(data.recipe)
-</script>
-
-<h1>{data.name}</h1>
-
-{#if data.images.length > 0}
-	<MultiImgWrapper wrap={data.images.length > 1} class='double'>
-	{#each data.images as media}
-	<figure>
-		<img src="{media.mediapath}" alt="{media.alt}">
-		<figcaption>{media.caption}</figcaption>
-	</figure>
-	{/each}
-	</MultiImgWrapper>
-{/if}
-
-<Property id=backen populated={data.baking}>{data.recipe.baking.length} bei {data.recipe.baking.temperature} °C
-{#if data.baking.mode}
-	{data.baking.mode}
-{:else}
-	Ober-/Unterhitze
-{/if}
-</Property>
-<Property id=vorbereitung>data.preparation</Property>
-<Property id=gesamtzeit>data.total_time</Property>
-<Property id=portionen>data.portions</Property>
-
-{#if data.ingredients}
-<h2>Zutaten</h2>
-{#each data.ingredients as list}
-{#if list.name}
-	<h3>{list.name}</h3>
-{/if}
-<ul>
-	{#each list.list as item}
-		<li>{item.amount} {item.unit} {item.ingredient_name}</li>
-	{/each}
-</ul>
-{/each}
-{/if}
-
-
-{#if data.instructions}
-<h2>Zubereitung</h2>
-{#each data.instructions as list}
-{#if list.name}
-	<h3>{list.name}</h3>
-{/if}
-<ol>
-	{#each list.steps as step}
-		<li>{step}</li>
-	{/each}
-</ol>
-{/each}
-{/if}