chore: update

Author: zyyv

playground/src/App.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { mc } from 'magic-color'
 import Container from './components/Container.vue'
+import Footer from './components/Footer.vue'
 import Header from './components/Header.vue'
 
 // @ts-expect-error Provide `mc` in window
@@ -10,4 +11,5 @@ window.mc = mc
 <template>
   <Header />
   <Container my-8 />
+  <Footer />
 </template>

playground/src/components/Footer.vue

@@ -0,0 +1,10 @@
+<template>
+  <footer mt-10 mb-6 text-center text-sm>
+    <p mt-2>
+      <a href="https://github.com/zyyv/magic-color/blob/main/LICENSE" target="_blank" op-50 hover:op-100 transition>MIT License</a>
+      <span mx-1 op-50>·</span>
+      <span op-50>Copyright © 2025-PRESENT</span>
+      <a ml-1 href="https://github.com/zyyv" target="_blank" op-50 hover:op-100 transition>Chris</a>
+    </p>
+  </footer>
+</template>