update on code

src/lib/MainWrapper.svelte

@@ -2,10 +2,36 @@
   import { invoke } from "@tauri-apps/api/tauri";
   import AutoComplete from "simple-svelte-autocomplete";
   import DisplayData from "./DisplayData.svelte";
-
+  $: {
+    pokemonStatus = {
+      types: pokemonData?.types ? pokemonData.types : [],
+      hp: hp_final,
+      atk: atk_final,
+      def: def_final,
+      spatk: spatk_final,
+      spdef: spdef_final,
+      spd: spd_final,
+    };
+    console.log(pokemonStatus);
+  }
   let myValue;
   let currentValue = 0;
   let pokemonData;
+  let hp_final = 0;
+  let atk_final = 0;
+  let def_final = 0;
+  let spatk_final = 0;
+  let spdef_final = 0;
+  let spd_final = 0;
+  export let pokemonStatus = {
+    types: [],
+    hp: 0,
+    atk: 0,
+    def: 0,
+    spatk: 0,
+    spdef: 0,
+    spd: 0,
+  };
   async function getItems(keyword) {
     try {
       let result = await invoke("autosearch", { keyword });
@@ -42,6 +68,12 @@
   <div class="row">
     <DisplayData
       pokemonData={pokemonData}
+      bind:hp_final={hp_final}
+      bind:atk_final={atk_final}
+      bind:def_final={def_final}
+      bind:spatk_final={spatk_final}
+      bind:spdef_final={spdef_final}
+      bind:spd_final={spd_final}
     />
   </div>
 </div>