Neue Komponente für Article-Media-Image sowie eine allgemeine Image Komponente. Article-Komponente WorkInProgress.

src/components/routes/Home.svelte

@@ -1,45 +1,36 @@
 <script lang="ts">
     import * as animateScroll from "svelte-scrollto"
 
-    import { generalInfo } from "../../store"
+    import { generalInfo, currentLang } from "../../store"
+    import { getArticles } from "../../api"
 
     import GoogleMaps from "../widgets/GoogleMaps.svelte"
     import ScrollTo from "../widgets/ScrollTo.svelte"
     import ContactForm from "../widgets/ContactForm.svelte"
     import GeneralMediaImage from "../widgets/GeneralMediaImage.svelte"
+    import Article from "../widgets/Article.svelte"
 
     let expandedForm: string = "recipe"
-</script>
+    let articleEntries: CollectionEntry[] = []
 
-<!-- <svelte:head>
-    {#if $generalInfo?.meta?.metaTitle}
-        <title>{$generalInfo?.meta?.metaTitle}</title>
-    {/if}
-    {#if $generalInfo?.meta?.metaDescription}
-        <meta name="description" content="{$generalInfo?.meta?.metaDescription}" />
-    {/if}
-    {#if $generalInfo?.meta?.metaKeywords}
-        <meta name="keywords" content="{$generalInfo?.meta?.metaKeywords.replaceAll(' ', '')}" />
-    {/if}
-    {#if $generalInfo?.person?.firstname || $generalInfo?.person?.lastname}
-        <meta
-            name="author"
-            content="{$generalInfo?.person?.firstname ? $generalInfo?.person?.firstname : ''} {$generalInfo?.person
-                ?.lastname
-                ? $generalInfo?.person?.lastname
-                : ''}"
-        />
-    {/if}
-    {#if $generalInfo?.meta?.metaTagRobots}
-        <meta name="robots" content="{$generalInfo?.meta?.metaTagRobots}" />
-    {/if}
-    {#if $generalInfo?.media?.favicon}
-        <link rel="shortcut icon" type="image/x-icon" href="{$generalInfo?.media?.favicon.src}" />
-    {/if}
-</svelte:head> -->
+    $: if ($currentLang) {
+        getArticles("articles", {
+            "article.general.locale": $currentLang,
+        }).then((response) => {
+            articleEntries = response
+        })
+    }
+</script>
 
 <section class="contact">
     <div class="container">
+        <div class="row">
+            <div class="col-md-12">
+                {#each articleEntries || [] as entry}
+                    <Article entry="{entry}" />
+                {/each}
+            </div>
+        </div>
         <div class="row">
             <div class="col-md-12">
                 <GeneralMediaImage id="test1" />