feat(website): add footer

Author: alanlu-tw

apps/website/app/layouts/default.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup></script>
 
 <template>
-  <div class="bg:#ffe min-h:100vh">
+  <div class="bg:#ffe min-h:100vh flex flex:col">
     <header class="shadow:md">
       <div class="center-content flex jc:space-between max-w:screen-lg mx:auto p:4x">
         <div class="center-content flex gap:2x">
@@ -10,15 +10,25 @@
         </div>
         <nav>
           <ul class="center-content flex gap:4x">
-            <li><NuxtLink to="/">Home</NuxtLink></li>
-            <li><NuxtLink to="/about">About</NuxtLink></li>
+            <li>
+              <NuxtLink to="/">Home</NuxtLink>
+            </li>
+            <li>
+              <NuxtLink to="/about">About</NuxtLink>
+            </li>
           </ul>
         </nav>
       </div>
     </header>
 
-    <main class="max-w:screen-lg min-h:full mx:auto pt:4x">
+    <main class="flex:1 max-w:screen-lg min-h:full mx:auto pt:4x">
       <NuxtPage />
     </main>
+
+    <footer>
+      <div class="max-w:screen-lg mx:auto p:4x t:center">
+        <p>© 2024 Alan Lu. All rights reserved.</p>
+      </div>
+    </footer>
   </div>
 </template>