import { presetWind3 } from "@unocss/preset-wind3";
import {
  defineConfig,
  presetIcons,
  transformerDirectives,
  transformerVariantGroup,
} from "unocss";

export default defineConfig({
  presets: [
    presetWind3(),
    presetIcons(),
  ],
  transformers: [
    transformerDirectives({
      applyVariable: ["--at-apply", "--uno-apply", "--uno"],
    }),
    transformerVariantGroup(),
  ],
  shortcuts: {
    "flex-center": "flex items-center justify-center",
    "flex-col-center": "flex flex-col items-center justify-center",
  },
  // 为 Ionic 添加 CSS 变量支持
  theme: {
    colors: {
      primary: "var(--ion-color-primary)",
      secondary: "var(--ion-color-secondary)",
      tertiary: "var(--ion-color-tertiary)",
      success: "var(--ion-color-success)",
      warning: "var(--ion-color-warning)",
      danger: "var(--ion-color-danger)",
      light: "var(--ion-color-light)",
      medium: "var(--ion-color-medium)",
      dark: "var(--ion-color-dark)",
    },
  },
});