feat: Implement lazy loading for images and update dependencies

src/lib/components/CreateNewAdventure.svelte

@@ -15,6 +15,7 @@
   import type { Adventure } from "$lib/utils/types";
   const dispatch = createEventDispatcher();
   import { onMount } from "svelte";
+  import { addActivityType } from "$lib";
   let modal: HTMLDialogElement;
 
   onMount(() => {
@@ -25,7 +26,7 @@
   });
 
   function create() {
-    addActivityType();
+    activitySetup();
     if (newAdventure.name.trim() === "") {
       alert("Name is required");
       return;
@@ -46,15 +47,9 @@
 
   let activityInput: string = "";
 
-  function addActivityType() {
-    if (activityInput.trim() !== "") {
-      const activities = activityInput
-        .split(" ")
-        .filter((activity) => activity.trim() !== "");
-      newAdventure.activityTypes = activities;
-      activityInput = "";
-    }
-    console.log(newAdventure.activityTypes);
+  function activitySetup() {
+    newAdventure = addActivityType(activityInput, newAdventure);
+    activityInput = "";
   }
 </script>
 

src/lib/components/EditModal.svelte

@@ -4,6 +4,7 @@
   import type { Adventure } from "$lib/utils/types";
   const dispatch = createEventDispatcher();
   import { onMount } from "svelte";
+  import { addActivityType } from "$lib";
   let modal: HTMLDialogElement;
 
   console.log(adventureToEdit.id);
@@ -19,7 +20,7 @@
   });
 
   function submit() {
-    addActivityType();
+    activitySetup();
     dispatch("submit", adventureToEdit);
     console.log(adventureToEdit);
   }
@@ -36,15 +37,9 @@
 
   let activityInput: string = "";
 
-  function addActivityType() {
-    if (activityInput.trim() !== "") {
-      const activities = activityInput
-        .split(",")
-        .filter((activity) => activity.trim() !== "");
-      adventureToEdit.activityTypes = activities;
-      activityInput = "";
-    }
-    console.log(adventureToEdit.activityTypes);
+  function activitySetup() {
+    adventureToEdit = addActivityType(activityInput, adventureToEdit);
+    activityInput = "";
   }
 </script>