feat: add unocss example

Author: cwandev

layouts/default.vue

@@ -1,6 +1,9 @@
 <template>
-  <main class="px-10 py-20">
+  <main>
     <AppHeader />
-    <slot />
+
+    <div class="px-10 pt-60">
+      <slot />
+    </div>
   </main>
 </template>

pages/unocss/index.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+definePageMeta({
+  title: '🎨 Unocss 示例',
+})
+</script>
+
+<template>
+  <div>
+    <h1 class="text-6xl color-pink font-semibold">
+      Hello, Unocss!
+    </h1>
+
+    <p class="mt-4 text-gray-700 dark:text-white">
+      This is a simple example of Unocss in action.
+    </p>
+
+    <button class="btn">
+      Button
+    </button>
+  </div>
+</template>