files reorganization

src/App.svelte

@@ -10,9 +10,9 @@
   import { Route, router, active } from "tinro";
   router.mode.hash(); // enables hash navigation method
   //router.mode.memory(); // enables in-memory navigation method
-  import Card from "./Card.svelte";
+  import Card from "./widgets/Card.svelte";
   import Input from "./Input.svelte";
-  import Myinput from "./Myinput.svelte";
+  import Myinput from "./widgets/Input.svelte";
 
   onMount(async () => {
     console.log("mounted");

src/Input.svelte

@@ -1,20 +0,0 @@
-<script context="module">
-  import { WSpush } from "./App.svelte";
-</script>
-
-<script>
-  export let title;
-  export let value;
-</script>
-
-<div class="container">
-  <div class="card-items">
-    <div class="md:w-1/3">
-      <!-- svelte-ignore a11y-label-has-associated-control -->
-      <label class="descr-gray">{title}</label>
-    </div>
-    <div class="md:w-2/3">
-      <input bind:value on:change={WSpush(value)} class="widget-input-indigo" type="text" />
-    </div>
-  </div>
-</div>

src/widgets/Input.svelte

@@ -1,5 +1,5 @@
 <script context="module">
-  import { WSpush } from "./App.svelte";
+  import { WSpush } from "../App.svelte";
 </script>
 
 <script>