From eefe1b75226b8b94d951561dd7e06061a4619a3c Mon Sep 17 00:00:00 2001 From: snowingfox <1503401882@qq.com> Date: Mon, 25 Jul 2022 15:48:57 +0800 Subject: [PATCH 01/19] feat: transformer-attributify-jsx --- .../transformer-attributify-jsx/README.md | 59 +++++++++++++++++++ .../build.config.ts | 15 +++++ .../transformer-attributify-jsx/package.json | 44 ++++++++++++++ .../transformer-attributify-jsx/src/index.ts | 23 ++++++++ 4 files changed, 141 insertions(+) create mode 100644 packages/transformer-attributify-jsx/README.md create mode 100644 packages/transformer-attributify-jsx/build.config.ts create mode 100644 packages/transformer-attributify-jsx/package.json create mode 100644 packages/transformer-attributify-jsx/src/index.ts diff --git a/packages/transformer-attributify-jsx/README.md b/packages/transformer-attributify-jsx/README.md new file mode 100644 index 0000000000..26b2454fc0 --- /dev/null +++ b/packages/transformer-attributify-jsx/README.md @@ -0,0 +1,59 @@ +# @unocss/transformer-attributify-jsx + + + +happy play with preset-attributify in jsx/tsx + +## Install + +```bash +npm i -D @unocss/transformer-attributify-jsx +``` + +```ts +// uno.config.js +import {defineConfig} from 'unocss' +import transformerAttributifyJsx from "@unocss/transformer-attributify-jsx" +import {presetAttributify} from "unocss/src"; + +export default defineConfig({ + // ... + transformers: [ + transformerAttributifyJsx(), + ], + presets: [ + // ... + presetAttributify() + ] +}) +``` + +## Notice + +> ⚠️ The rules are almost the same as those of `preset-attributify`, but there are several precautions + +```vue +
// cannot end with `%` + // cannot contain `:` + // cannot contain `[` or `]` +``` + +# Usage + +```jsx +