Remove tailwindui/ folder

src/App.svelte

@@ -1,7 +1,7 @@
 <script>
     import { onMount } from 'svelte';
-    import * as TailwindUI from "./tailwindui/index"
 
+    import AppShell from "./AppShell.svelte"
     import Home from "./Home.svelte"
     import TreeMap from "./TreeMap.svelte"
     import TopicList from "./TopicList.svelte"
@@ -62,7 +62,7 @@
 
 <svelte:window on:hashchange={hashchange}/>
 
-<TailwindUI.AppShell>   
+<AppShell>   
     <svelte:fragment slot="content">
         {#if currentView === "/home" || currentView === "/"}
             <Home/>
@@ -140,4 +140,4 @@
         </NavButtonWithLabel>
 
     </svelte:fragment>
-</TailwindUI.AppShell>
+</AppShell>

src/AppShell.svelte

@@ -1,6 +1,5 @@
 <script>
     import Icon from "./Icon.svelte"
-    import MenuButton from "./MenuButton.svelte"
     let isNavDrawerOpen = false
     export let showNotificationBell = false;
     export let showProfileMenu = false;
@@ -55,7 +54,6 @@
           </button>
           {/if}
 
-          {#if showProfileMenu}<MenuButton />{/if}
         </div>
         {/if}
       </div>

src/GenericCard.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  export let item: {name: string, creators: string};
+  export let item: {name: string, creators: string, rowid: number};
 </script>
 
 <a class="flex flex-wrap p-8 justify-between rounded-lg break-inside-avoid w-64 max-w-sm bg-lightPrimCont text-lightPrimary dark:bg-darkPrimCont dark:text-darkPrimary hover:bg-lightPrimary hover:bg-darkPrimary" href="#/item/{item.rowid}">

src/ItemCard.svelte

@@ -1,5 +1,4 @@
 <script>
-    import Icon from "./tailwindui/Icon.svelte"
     import BookCard from "./BookCard.svelte"
     import VideoCard from "./VideoCard.svelte"
     import GenericCard from "./GenericCard.svelte"

src/ItemDetail.svelte

@@ -1,7 +1,6 @@
 <script>
     import ButtonGroup from "./ButtonGroup.svelte";
     import { bookmarks } from "./stores.js"
-    import Icon from "./tailwindui/Icon.svelte"
     import Review from "./Review.svelte"
     
     export let itemid;

src/SearchForm.svelte

@@ -1,5 +1,4 @@
 <script>
-  import ComboBox from "./tailwindui/ComboBox.svelte"
   import { createEventDispatcher } from 'svelte';
 
   export let alltopics;

src/WantToLearnButton.svelte

@@ -1,18 +0,0 @@
-<script>
-  
-</script>
-
-
-<button class="inline-flex shrink-0 justify-center items-center bg-purple-200 text-purple-900 border border-purple-300 rounded-md divide-x divide-purple-300 w-56">
-  <div class="flex px-3 py-2" >
-    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-      <path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4" />
-    </svg>
-    <span class="ml-1">Want to Learn</span>
-  </div>
-  <div class="px-3 py-2">
-    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-      <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
-    </svg>
-  </div>
-</button>

src/placeholder.ts

@@ -1 +1,3 @@
-export {};
+export {};
+
+// Don't remove this as typescript compiler expects at least one .ts file

src/tailwindui/ComboBox.svelte

@@ -1,24 +0,0 @@
-<script>
-  export let options = [];
-  export let userInput = '';
-  $: filteredOptions = options.filter(x => x.label.startsWith(userInput))
-  $: console.log({options})
-  $: console.log(filteredOptions)
-  $: console.log({userInput})
-</script>
-
-<sl-dropdown class="ml-2">
-  <sl-input 
-    slot="trigger" 
-    class="p-0 m-0 border-0"
-    on:sl-input="{e => userInput = e.target.value}" 
-    value={userInput}
-    placeholder="select topic">
-  </sl-input>
-
-  <sl-menu>
-    {#each filteredOptions as opt (opt.value)}
-    <sl-menu-item on:click="{e => userInput = opt.value}">{opt.label}</sl-menu-item>
-    {/each}
-  </sl-menu>
-</sl-dropdown>

src/tailwindui/MenuButton.svelte

@@ -1,28 +0,0 @@
-            <!-- Profile dropdown -->
-            <div class="ml-3 relative">
-                <div>
-                  <button type="button" class="max-w-xs bg-white flex items-center text-sm rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" id="user-menu-button" aria-expanded="false" aria-haspopup="true">
-                    <span class="sr-only">Open user menu</span>
-                    <img class="h-8 w-8 rounded-full" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
-                  </button>
-                </div>
-    
-                <!--
-                  Dropdown menu, show/hide based on menu state.
-    
-                  Entering: "transition ease-out duration-100"
-                    From: "transform opacity-0 scale-95"
-                    To: "transform opacity-100 scale-100"
-                  Leaving: "transition ease-in duration-75"
-                    From: "transform opacity-100 scale-100"
-                    To: "transform opacity-0 scale-95"
-                -->
-                <div class="origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="user-menu-button" tabindex="-1">
-                  <!-- Active: "bg-gray-100", Not Active: "" -->
-                  <a href="/" class="block px-4 py-2 text-sm text-gray-700" role="menuitem" tabindex="-1" id="user-menu-item-0">Your Profile</a>
-    
-                  <a href="/" class="block px-4 py-2 text-sm text-gray-700" role="menuitem" tabindex="-1" id="user-menu-item-1">Settings</a>
-    
-                  <a href="/" class="block px-4 py-2 text-sm text-gray-700" role="menuitem" tabindex="-1" id="user-menu-item-2">Sign out</a>
-                </div>
-              </div>

src/tailwindui/index.js

@@ -1,3 +0,0 @@
-export {default as Icon} from './Icon.svelte'
-export {default as MenuButton} from './MenuButton.svelte'
-export {default as AppShell} from './AppShell.svelte'