chore: update deps

package.json

@@ -1,6 +1,6 @@
 {
   "private": true,
-  "packageManager": "pnpm@8.1.1",
+  "packageManager": "pnpm@8.2.0",
   "scripts": {
     "build": "vite build",
     "dev": "vite --port 3333 --open",
@@ -20,25 +20,26 @@
     "@antfu/eslint-config": "^0.38.4",
     "@iconify-json/carbon": "^1.1.16",
     "@types/node": "^18.15.11",
-    "@unocss/reset": "^0.50.6",
+    "@unocss/eslint-config": "^0.51.4",
+    "@unocss/reset": "^0.51.4",
     "@vitejs/plugin-vue": "^4.1.0",
     "@vue-macros/volar": "^0.9.5",
     "@vue/test-utils": "^2.3.2",
-    "eslint": "^8.37.0",
+    "eslint": "^8.38.0",
     "jsdom": "^21.1.1",
-    "lint-staged": "^13.2.0",
-    "pnpm": "^8.1.1",
+    "lint-staged": "^13.2.1",
+    "pnpm": "^8.2.0",
     "simple-git-hooks": "^2.8.1",
     "taze": "^0.9.1",
-    "typescript": "^5.0.3",
-    "unocss": "^0.50.6",
+    "typescript": "^4.9.5",
+    "unocss": "^0.51.4",
     "unplugin-auto-import": "^0.15.2",
     "unplugin-vue-components": "^0.24.1",
     "unplugin-vue-macros": "^2.0.0",
     "vite": "^4.2.1",
     "vite-plugin-pages": "^0.29.0",
-    "vitest": "^0.29.8",
-    "vue-tsc": "^1.3.8"
+    "vitest": "^0.30.1",
+    "vue-tsc": "^1.2.0"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm lint-staged"
@@ -47,6 +48,9 @@
     "*": "eslint --fix"
   },
   "eslintConfig": {
-    "extends": "@antfu"
+    "extends": [
+      "@antfu",
+      "@unocss"
+    ]
   }
 }

src/components/TheFooter.vue

@@ -1,11 +1,11 @@
 <template>
-  <nav text-xl mt-6 inline-flex gap-2>
+  <nav mt-6 inline-flex gap-2 text-xl>
     <button icon-btn @click="toggleDark()">
-      <div dark:i-carbon-moon i-carbon-sun />
+      <div i-carbon-sun dark:i-carbon-moon />
     </button>
 
     <a
-      icon-btn i-carbon-logo-github
+      i-carbon-logo-github icon-btn
       rel="noreferrer"
       href="https://github.com/antfu/vitesse-lite"
       target="_blank"

src/pages/hi/[name].vue

@@ -5,7 +5,7 @@ const router = useRouter()
 
 <template>
   <div>
-    <div i-carbon-pedestrian text-4xl inline-block />
+    <div i-carbon-pedestrian inline-block text-4xl />
     <p>
       Hi, {{ props.name }}
     </p>
@@ -14,10 +14,7 @@ const router = useRouter()
     </p>
 
     <div>
-      <button
-        class="btn m-3 text-sm mt-8"
-        @click="router.back()"
-      >
+      <button m-3 mt-8 text-sm btn @click="router.back()">
         Back
       </button>
     </div>

src/pages/index.vue

@@ -14,7 +14,7 @@ function go() {
 
 <template>
   <div>
-    <div i-carbon-campsite text-4xl inline-block />
+    <div i-carbon-campsite inline-block text-4xl />
     <p>
       <a rel="noreferrer" href="https://github.com/antfu/vitesse-lite" target="_blank">
         Vitesse Lite

test/__snapshots__/component.test.ts.snap

@@ -1,3 +1,3 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`TheCounter.vue > should render 1`] = `"<div>10 <button class=\\"inc\\"> + </button><button class=\\"dec\\"> - </button></div>"`;

tsconfig.json

@@ -8,7 +8,7 @@
     "jsx": "preserve",
     "esModuleInterop": true,
     "skipLibCheck": true,
-    "moduleResolution": "bundler",
+    "moduleResolution": "node",
     "resolveJsonModule": true,
     "noUnusedLocals": true,
     "strictNullChecks": true,

uno.config.ts

@@ -4,8 +4,6 @@ import {
   presetIcons,
   presetUno,
   presetWebFonts,
-  // transformerDirectives,
-  // transformerVariantGroup,
 } from 'unocss'
 
 export default defineConfig({
@@ -28,8 +26,4 @@ export default defineConfig({
       },
     }),
   ],
-  // transformers: [
-  //   transformerDirectives(),
-  //   transformerVariantGroup(),
-  // ],
 })