chore: update deps

.eslintrc

@@ -1,3 +1,6 @@
 {
-  "extends": "@antfu"
+  "extends": [
+    "@antfu",
+    "@unocss"
+  ]
 }

components/Counter.vue

@@ -4,13 +4,13 @@ const { count, inc, dec } = useCount()
 
 <template>
   <div inline-flex m="y-3">
-    <button btn p-2 rounded-full @click="dec()">
+    <button rounded-full p-2 btn @click="dec()">
       <div i-carbon-subtract />
     </button>
     <div font="mono" w="15" m-auto inline-block>
       {{ count }}
     </div>
-    <button btn p-2 rounded-full @click="inc()">
+    <button rounded-full p-2 btn @click="inc()">
       <div i-carbon-add />
     </button>
   </div>

components/DarkToggle.vue

@@ -16,6 +16,6 @@ function toggleDark() {
 
 <template>
   <button class="!outline-none" @click="toggleDark">
-    <div class="dark:i-carbon-moon i-carbon-sun" />
+    <div class="i-carbon-sun dark:i-carbon-moon" />
   </button>
 </template>

components/Footer.vue

@@ -1,11 +1,5 @@
 <template>
-  <div
+  <div text="xl gray4" m-5 flex="~ gap3" justify-center>
-    text="xl gray4"
-    m-5
-    flex
-    justify-center
-    gap-3
-  >
     <NuxtLink i-carbon-campsite to="/" />
     <a i-carbon-logo-github href="https://github.com/antfu/vitesse-nuxt3" target="_blank" />
     <DarkToggle />

components/InputEntry.vue

@@ -2,7 +2,7 @@
 const name = ref('')
 
 const router = useRouter()
-const go = () => {
+function go() {
   if (name.value)
     router.push(`/hi/${encodeURIComponent(name.value)}`)
 }

components/Logos.vue

@@ -1,20 +1,18 @@
 <template>
-  <div inline-flex text-2xl font-300 cursor-default>
+  <div inline-flex cursor-default text-2xl font-300>
     <div flex flex-col children:mx-auto>
-      <img w-18 h-18 inline-block src="/nuxt.svg">
+      <img inline-block h-18 w-18 src="/nuxt.svg">
-      <span text-green5 mt--2>Nuxt 3</span>
+      <span mt--2 text-green5>Nuxt 3</span>
     </div>
     <div
       text="3xl gray4"
       m="x-4 y-auto"
-      transition-all-500
+
-      transform
+      i-carbon-add transform transition-all-500 hover:rotate-135
-      hover:rotate-135
-      i-carbon-add
     />
     <div flex flex-col children:mx-auto>
-      <img w-18 h-18 inline-block src="/vite.png">
+      <img inline-block h-18 w-18 src="/vite.png">
-      <span text-purple5 mt--2>Vitesse</span>
+      <span mt--2 text-purple5>Vitesse</span>
     </div>
   </div>
 </template>

layouts/default.vue

@@ -1,8 +1,8 @@
 <template>
-  <main class="py-20 px-10 text-center">
+  <main class="px-10 py-20 text-center">
     <slot />
     <Footer />
-    <div class="mt-5 mx-auto text-center opacity-25 text-sm">
+    <div class="mx-auto mt-5 text-center text-sm opacity-25">
       [Default Layout]
     </div>
   </main>

layouts/home.vue

@@ -1,8 +1,8 @@
 <template>
-  <main class="py-20 px-10 text-center">
+  <main class="px-10 py-20 text-center">
     <slot />
     <Footer />
-    <div class="mt-5 mx-auto text-center opacity-25 text-sm">
+    <div class="mx-auto mt-5 text-center text-sm opacity-25">
       [Home Layout]
     </div>
   </main>

package.json

@@ -1,29 +1,34 @@
 {
   "private": true,
-  "packageManager": "pnpm@7.29.3",
+  "packageManager": "pnpm@8.2.0",
   "scripts": {
     "build": "nuxi build",
     "dev": "nuxi dev",
     "dev:pwa": "VITE_PLUGIN_PWA=true nuxi dev",
     "start": "node .output/server/index.mjs",
+    "typecheck": "vue-tsc --noEmit",
     "lint": "eslint .",
     "postinstall": "nuxi prepare",
     "generate": "nuxi generate",
     "start:generate": "npx serve .output/public"
   },
+  "dependencies": {
+    "vue-tsc": "^1.2.0"
+  },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.35.3",
+    "@antfu/eslint-config": "^0.38.4",
     "@iconify-json/carbon": "^1.1.16",
     "@iconify-json/twemoji": "^1.1.11",
-    "@nuxt/devtools": "^0.2.5",
+    "@nuxt/devtools": "^0.3.2",
     "@nuxtjs/color-mode": "^3.2.0",
-    "@pinia/nuxt": "^0.4.7",
+    "@pinia/nuxt": "^0.4.8",
-    "@unocss/nuxt": "^0.49.8",
+    "@unocss/eslint-config": "^0.51.4",
+    "@unocss/nuxt": "^0.51.4",
     "@vite-pwa/nuxt": "^0.0.7",
     "@vueuse/nuxt": "^9.13.0",
-    "eslint": "^8.36.0",
+    "eslint": "^8.38.0",
-    "nuxt": "^3.3.1",
+    "nuxt": "^3.3.3",
-    "pinia": "^2.0.33",
+    "pinia": "^2.0.34",
     "typescript": "^4.9.5"
   }
 }

pages/[...all].vue

@@ -9,7 +9,7 @@ const router = useRouter()
     </div>
     <div>Not found</div>
     <div>
-      <button btn text-sm m="3 t8" @click="router.back()">
+      <button text-sm btn m="3 t8" @click="router.back()">
         Back
       </button>
     </div>

pages/hi/[id].vue

@@ -14,7 +14,7 @@ definePageMeta({
 
 <template>
   <div>
-    <div i-twemoji:waving-hand text-4xl inline-block animate-shake-x animate-duration-5000 />
+    <div i-twemoji:waving-hand inline-block animate-shake-x animate-duration-5000 text-4xl />
     <h3 text-2xl font-500>
       Hi,
     </h3>
@@ -23,7 +23,7 @@ definePageMeta({
     </div>
 
     <template v-if="user.otherNames.length">
-      <p text-sm my-4>
+      <p my-4 text-sm>
         <span op-50>Also as known as:</span>
         <ul>
           <li v-for="otherName in user.otherNames" :key="otherName">
@@ -39,7 +39,7 @@ definePageMeta({
 
     <div>
       <NuxtLink
-        class="btn m-3 text-sm"
+        class="m-3 text-sm btn"
         to="/"
       >
         Back

pages/index.vue

@@ -13,7 +13,7 @@ const online = useOnline()
         </div>
       </ClientOnly>
       <template #fallback>
-        <div op50 italic>
+        <div italic op50>
           <span animate-pulse>Loading...</span>
         </div>
       </template>