pref: update index

src/components.d.ts

@@ -10,6 +10,7 @@ export {}
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     Bar: typeof import('./components/Bar.vue')['default']
+    Btn: typeof import('./components/Btn.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }

src/components/Bar.vue

@@ -1,5 +1,5 @@
 <template>
-  <nav px-9xl flex items-center>
-    <p font-sans font-semibold text-6>thehrz.net</p>
+  <nav class="px-9xl flex items-center">
+    <p class="font-sans font-semibold text-6">thehrz.net</p>
   </nav>
 </template>

src/components/Btn.vue

@@ -0,0 +1,13 @@
+<template>
+  <button type="button" class="">
+    <slot></slot>
+  </button>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>

src/pages/index.vue

@@ -4,6 +4,8 @@
 
     <h1 class="my-8 text-2.5em leading-[1.1] md:text-3.5em c-coolgray-700 font-300">Hi! I'm thehrz.</h1>
 
-    <p class="c-dark-100">🚧under construction...</p>
+    <!-- <btn>aa</btn> -->
+
+    <p class="c-dark-100">🚧 under construction...</p>
   </section>
 </template>

unocss.config.ts

@@ -20,12 +20,12 @@ export default defineConfig({
     //     mono: "DM Mono",
     //   },
     // }),
-    presetWebFonts({
-      fonts: {
-        sans: "Inter:100,200,400,700,800",
-        mono: "IBM Plex Mono",
-      },
-    }),
+    // presetWebFonts({
+    //   fonts: {
+    //     sans: "Inter:100,200,400,700,800",
+    //     mono: "IBM Plex Mono",
+    //   },
+    // }),
   ],
   transformers: [transformerDirectives(), transformerVariantGroup()],
 })