@teacss/astro

Astro integration for TeaCSS. It registers @teacss/vite and injects the generated stylesheet into Astro pages.

import { defineConfig } from "astro/config";
import { teacss } from "@teacss/astro";

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

Set injectEntry: false to import virtual:teacss.css yourself. A string injectEntry fully replaces the default import and must be a complete module statement. Use injectExtra to append statements while keeping the default:

teacss({
  injectExtra: ['import "./src/styles.css";'],
});

Use @teacss/vite directly for non-Astro Vite applications.

Pre-1.0. Install this adapter beside teacss.