feat: add first throw for Drinks

src/App.svelte

@@ -1,9 +1,19 @@
+<!-- svelte-ignore a11y-missing-attribute -->
 <script lang="ts">
     import "../node_modules/bulma/css/bulma.min.css"
-    
+    import Drink from "./lib/Drink.svelte";
     import Navbar from "./lib/Navbar.svelte";
 </script>
 
 <main>
   <Navbar />
-</main>
+  <div class="container" id="drink-container">
+    <Drink />
+  </div>
+</main>
+
+<style>
+  #drink-container {
+    margin: 20px;
+  }
+</style>

src/lib/Drink.svelte

@@ -0,0 +1,10 @@
+<!-- svelte-ignore a11y-missing-attribute -->
+<script lang="ts">
+    import {beers} from "../stores.js"
+</script>
+
+<main>
+    {#each $beers as beer, name}
+        <h1>{beer.name}</h1>
+    {/each}
+</main>

src/lib/Navbar.svelte

@@ -1,3 +1,4 @@
+<!-- svelte-ignore a11y-missing-attribute -->
 <script lang="ts">
     let sparti_logo = "./src/assets/sparti_logo.png"
 </script>

src/stores.js

@@ -0,0 +1,10 @@
+import { readable } from "svelte/store"
+
+export const beers = readable([
+    {
+        name: "PU",
+    },
+    {
+        name: "Sterni"
+    },
+]);