first commit

src/App.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+  import { fade } from 'svelte/transition';
+
+  import Header from '$lib/example/header/Header.svelte';
+  import Index from '$lib/Index.svelte';
+  import Footer from '$lib/example/footer/Footer.svelte';
+
+  import { theme } from '$lib/stores/theme';
+
+  $: {
+    document.documentElement.setAttribute('data-theme', $theme);
+    document.documentElement.classList.value = $theme;
+  }
+</script>
+
+{#await theme.load() then}
+  <div
+    class="bg-base-100 text-base-content h-screen flex flex-col overflow-y-auto overflow-x-hidden"
+  >
+    <Header />
+    <main class="flex-1" in:fade={{ delay: 300, duration: 1000 }}>
+      <Index />
+    </main>
+    <Footer />
+  </div>
+{/await}