added versions

src/lib/components/Versions.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+  import { getTauriVersion, getVersion, getName } from '@tauri-apps/api/app';
+  type Versions = {
+    tauri: string;
+    app: string;
+    name: string;
+  };
+
+  const getVersions = async (): Promise<Versions> => {
+    const versions = {} as Versions;
+    [versions.tauri, versions.app, versions.name] = await Promise.all([
+      getTauriVersion(),
+      getVersion(),
+      getName()
+    ]);
+    return versions;
+  };
+</script>
+
+<h3>Versions</h3>
+<div class="grid grid-cols-1">
+  {#await getVersions() then versions}
+    {#each Object.entries(versions) as [key, val], i (i)}
+      <div>
+        {key} - {val}
+      </div>
+    {/each}
+  {/await}
+</div>