Windicss + Astro Integration

Installation

npm i astro-integration-windicss -D

astro.config.ts

import { defineConfig } from "astro/config";
import WindiCSS from "astro-integration-windicss"

export default defineConfig({
  integrations: [
    WindiCSS(),
  ],
});

Visual Studio Code settings

Recommended plugin - WindiCSS IntelliSense

settings.json

{
  "windicss.includeLanguages": {
    "astro": {
      "type": "html",
      "patterns": ["class\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
    }
  }
}