From 395ecd8f6102a1095429c7c218496154a391ec36 Mon Sep 17 00:00:00 2001
From: Dmitry Borisenko <49808844+DmitryBorisenko33@users.noreply.github.com>
Date: Tue, 17 Aug 2021 21:32:23 +0800
Subject: [PATCH] working version

---
 src/App.svelte | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 77dcaaa..0465188 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -30,6 +30,10 @@
     return json;
   };
 
+  function SuperDuperFunction() {
+    wigets = JSON.parse(document.getElementById("text1").value);
+  }
+
   let wigets = [];
 
   wigets = [
@@ -103,13 +107,12 @@
     <div class="bg-cover bg-gray-50 pt-16">
       <Route path="/">
         <Card title="Редактор JSON">
-          <textarea rows="10" class="bg-gray-200 appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500" id="text1">{syntaxHighlight(JSON.stringify(wigets))}</textarea>
-          <button on:click={(wigets = JSON.parse(document.getElementById("text1").value))} class="shadow bg-purple-500 hover:bg-purple-400 focus:shadow-outline focus:outline-none text-white font-bold py-2 px-4 rounded" type="button"> Save </button>
+          <textarea on:input={SuperDuperFunction} rows="10" class="bg-gray-200 appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500" id="text1">{syntaxHighlight(JSON.stringify(wigets))}</textarea>
         </Card>
         <Card title="Testing card1">
           {#each wigets as widget, i}
             {#if widget.widget === "input"}
-              <Input title={widget.descr} value={widget.status} />
+              <Input title={widget.descr} bind:value={widget.status} />
             {/if}
           {/each}
         </Card>