chore: update deps

.vscode/extensions.json

@@ -0,0 +1,9 @@
+{
+  "recommendations": [
+    "antfu.iconify",
+    "antfu.unocss",
+    "csstools.postcss",
+    "dbaeumer.vscode-eslint",
+    "vue.volar"
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+  "prettier.enable": false,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  },
+  "files.associations": {
+    "*.css": "postcss"
+  },
+  "editor.formatOnSave": false
+}

components/InputEntry.vue

@@ -14,20 +14,16 @@ const go = () => {
       id="input"
       v-model="name"
       placeholder="What's your name?"
-      type="text"
-      autocomplete="false"
-      p="x-4 y-2"
-      m="t-5"
-      w="250px"
-      text="center"
-      bg="transparent"
+      type="text" autocomplete="off"
+      p="x-4 y-2" m="t-5" w="250px"
+      text="center" bg="transparent"
       border="~ rounded gray-200 dark:gray-700"
       outline="none active:none"
       @keydown.enter="go"
     >
     <div>
       <button
-        class="m-3 text-sm btn"
+        m-3 text-sm btn
         :disabled="!name"
         @click="go"
       >

nuxt.config.ts

@@ -9,21 +9,10 @@ export default defineNuxtConfig({
   ],
   experimental: {
     reactivityTransform: true,
-    // viteNode: true,
-  },
-  vueuse: {
-    ssrHandlers: true,
+    viteNode: true,
   },
   unocss: {
-    uno: true,
-    attributify: true,
     preflight: true,
-    icons: {
-      scale: 1.2,
-    },
-    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'],
-    ],
   },
   colorMode: {
     classSuffix: '',

package.json

@@ -10,15 +10,15 @@
     "pinia": "^2.0.13"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.20.6",
-    "@iconify-json/carbon": "^1.1.3",
-    "@iconify-json/twemoji": "^1.1.3",
+    "@antfu/eslint-config": "^0.23.0",
+    "@iconify-json/carbon": "^1.1.4",
+    "@iconify-json/twemoji": "^1.1.4",
     "@nuxtjs/color-mode": "^3.0.2",
     "@pinia/nuxt": "^0.1.8",
-    "@unocss/nuxt": "^0.31.8",
-    "@vueuse/nuxt": "^8.3.0",
-    "eslint": "^8.13.0",
-    "nuxt": "^3.0.0-rc.1",
-    "typescript": "^4.6.3"
+    "@unocss/nuxt": "^0.32.9",
+    "@vueuse/nuxt": "^8.3.1",
+    "eslint": "^8.14.0",
+    "nuxt": "^3.0.0-rc.2",
+    "typescript": "^4.6.4"
   }
 }

unocss.config.ts

@@ -0,0 +1,36 @@
+import {
+  defineConfig,
+  presetAttributify,
+  presetIcons,
+  presetTypography,
+  presetUno,
+  presetWebFonts,
+  transformerDirectives,
+  transformerVariantGroup,
+} from 'unocss'
+
+export default defineConfig({
+  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'],
+    ['icon-btn', 'inline-block cursor-pointer select-none opacity-75 transition duration-200 ease-in-out hover:opacity-100 hover:text-teal-600'],
+  ],
+  presets: [
+    presetUno(),
+    presetAttributify(),
+    presetIcons({
+      scale: 1.2,
+    }),
+    presetTypography(),
+    presetWebFonts({
+      fonts: {
+        sans: 'DM Sans',
+        serif: 'DM Serif Display',
+        mono: 'DM Mono',
+      },
+    }),
+  ],
+  transformers: [
+    transformerDirectives(),
+    transformerVariantGroup(),
+  ],
+})