barebones setup

pages/+Layout.vue

@@ -2,22 +2,11 @@
 
 <template>
     <div class="layout">
-        <Sidebar>
-            <Logo />
-            <Link href="/"> Welcome </Link>
-            <Link href="/todo"> Todo </Link>
-            <Link href="/star-wars"> Data Fetching </Link>
-        </Sidebar>
-        <Content><slot /></Content>
+        <slot />
     </div>
 </template>
 
-<script lang="ts" setup>
-import Content from '../components/Content.vue'
-import Link from '../components/Link.vue'
-import Logo from '../components/Logo.vue'
-import Sidebar from '../components/Sidebar.vue'
-</script>
+<script lang="ts" setup></script>
 
 <style>
 body {
@@ -35,15 +24,13 @@ a {
 <style scoped>
 .layout {
     display: flex;
-    max-width: 900px;
-    margin: auto;
-}
-.content {
-    padding: 20px;
-    padding-bottom: 50px;
-    min-height: 100vh;
-    flex-grow: 1;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    background: #131313;
+    color: #ebebeb;
 }
+
 /* Page Transition Animation */
 #page-content {
     opacity: 1;