From 0a351f1aa94d7bbe021e79ffd8dc40e9a9dd4b8a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Chopin?= <seb@nuxtjs.com>
Date: Thu, 4 Nov 2021 15:01:48 +0100
Subject: [PATCH] chore: improvements (#1)

* chore: improvements

* fix: use class

* chore: more improvements
---
 app.vue             | 10 ++++++++++
 layouts/default.vue |  5 -----
 nuxt.config.ts      |  5 -----
 pages/hi/[id].vue   |  7 +++----
 4 files changed, 13 insertions(+), 14 deletions(-)
 create mode 100644 app.vue
 delete mode 100644 layouts/default.vue

diff --git a/app.vue b/app.vue
new file mode 100644
index 0000000..d211dc3
--- /dev/null
+++ b/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>
diff --git a/layouts/default.vue b/layouts/default.vue
deleted file mode 100644
index a585a53..0000000
--- a/layouts/default.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <main py-20 px-10 text-center>
-    <slot />
-  </main>
-</template>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 7c2d717..7dbfd93 100644
--- a/nuxt.config.ts
+++ b/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,
 })
diff --git a/pages/hi/[id].vue b/pages/hi/[id].vue
index b14228b..fd891d0 100644
--- a/pages/hi/[id].vue
+++ b/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 />