在瀏覽器擴充功能中使用 UnoCSS

import UnoCSS from "@unocss/postcss";

export default {
  plugins: [UnoCSS()],
};

import { defineConfig, presetWind3 } from "unocss";

export default defineConfig({
  content: {
    filesystem: ["src/**/*.{html,js,ts,jsx,tsx,vue,svelte}"],
  },
  presets: [presetWind3()],
});

/* src/styles/uno.css */
@unocss;

import "../styles/uno.css";

export default function Sidebar() {
  return <h1 className="text-2xl font-bold text-blue-600">Hello, Extension.</h1>;
}

npx extension build