安装配置pug和windicss

app.vue

@@ -1,5 +1,4 @@
-<template>
-  <div>
-    <NuxtWelcome />
-  </div>
-</template>
+<template lang="pug">
+div
+  span.bg-red-100 Hello World
+</template>>

nuxt.config.ts

@@ -1,4 +1,16 @@
+import { PugExtractor } from 'vite-plugin-windicss'
+
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-
+  modules: ['nuxt-windicss'],
+  windicss: {
+    config: {
+      extract: {
+        extractors: [{
+          extractor: PugExtractor,
+          extensions: ['vue', 'pug']
+        }]
+      }
+    }
+  },
 })

package.json

@@ -8,6 +8,10 @@
     "postinstall": "nuxt prepare"
   },
   "devDependencies": {
-    "nuxt": "3.0.0"
+    "nuxt": "3.0.0",
+    "nuxt-windicss": "^2.6.0"
+  },
+  "dependencies": {
+    "pug": "^3.0.2"
   }
 }