chore: improvements (#1)

* chore: improvements

* fix: use class

* chore: more improvements

app.vue

@@ -0,0 +1,10 @@
+<template>
+  <main class="py-20 px-10 text-center">
+    <NuxtPage />
+  </main>
+</template>
+
+<style>
+@import '@unocss/reset/tailwind.css';
+@import '~/styles/main.css';
+</style>

layouts/default.vue

@@ -1,5 +0,0 @@
-<template>
-  <main py-20 px-10 text-center>
-    <slot />
-  </main>
-</template>

nuxt.config.ts

@@ -6,10 +6,6 @@ export default defineNuxtConfig({
     '@vueuse/core/nuxt',
     '@unocss/nuxt',
   ],
-  css: [
-    '@unocss/reset/tailwind.css',
-    '~/styles/main.css',
-  ],
   unocss: {
     shortcuts: [
       ['btn', 'px-4 py-1 rounded inline-block bg-teal-600 text-white cursor-pointer hover:bg-teal-700 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
@@ -22,5 +18,4 @@ export default defineNuxtConfig({
       }),
     ],
   },
-  components: true,
 })

pages/hi/[id].vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 const route = useRoute()
-const router = useRouter()
 </script>
 
 <template>
@@ -8,12 +7,12 @@ const router = useRouter()
     <div>Hi: {{ route.params.id }}</div>
 
     <div>
-      <button
+      <NuxtLink
         class="btn m-3 text-sm mt-6"
-        @click="router.back()"
+        to="/"
       >
         Back
-      </button>
+      </NuxtLink>
     </div>
 
     <Counter />