first commit

src/lib/MainWrapper.svelte

@@ -0,0 +1,47 @@
+<script lang="ts">
+  import { invoke } from "@tauri-apps/api/tauri";
+  import AutoComplete from "simple-svelte-autocomplete";
+  import DisplayData from "./DisplayData.svelte";
+
+  let myValue;
+  let currentValue = 0;
+  let pokemonData;
+  async function getItems(keyword) {
+    try {
+      let result = await invoke("autosearch", { keyword });
+      console.log(result);
+      return result;
+    } catch (e) {
+      console.log(e);
+      return [];
+    }
+  }
+  $: {
+    if (myValue > 0 && myValue !== currentValue) {
+      invoke("search", { index: myValue }).then((r) => {
+        currentValue = myValue;
+        pokemonData = r;
+        console.log(pokemonData);
+      });
+    }
+  }
+</script>
+
+<div>
+  <div class="row">
+    <AutoComplete
+      showClear={true}
+      searchFunction="{getItems}"
+      delay="200"
+      localFiltering={false}
+      labelFieldName="name"
+      valueFieldName="id"
+      bind:value="{myValue}"
+    />
+  </div>
+  <div class="row">
+    <DisplayData
+      pokemonData={pokemonData}
+    />
+  </div>
+</div>