chore: try

Author: antfu

app/app.vue

@@ -3,6 +3,9 @@ import type { Directions } from '@nuxtjs/i18n'
 import { useEventListener, onKeyDown, onKeyUp } from '@vueuse/core'
 import { isEditableElement } from '~/utils/input'
 
+import 'uno.css'
+import('uno:icons.css') // make icon css a separate, async chunk
+
 const route = useRoute()
 const router = useRouter()
 const { locale, locales } = useI18n()

nuxt.config.ts

@@ -49,6 +49,10 @@ export default defineNuxtConfig({
     },
   },
 
+  unocss: {
+    autoImport: false,
+  },
+
   devtools: { enabled: true },
 
   devServer: {

uno.config.ts

@@ -35,6 +35,11 @@ export default defineConfig({
     // keep this preset last
     ...(process.env.CI ? [] : [presetRtl(), presetA11y()]),
   ].filter(Boolean),
+  content: {
+    pipeline: {
+      exclude: [/\.(css|postcss|sass|scss|less|stylus|styl)($|\?)/, /[/\\]node_modules[/\\]/],
+    },
+  },
   transformers: [transformerDirectives(), transformerVariantGroup()],
   theme: {
     spacing: { DEFAULT: '4px' },