@narrative/swc-plugin-compiler

The compiler for @narrative/control-flow.

Check more details in documentation.

Usage

npm install @narrative/swc-plugin-compiler

Configure swc

{
  "jsc": {
    "experimental": {
      "plugins": [["@narrative/swc-plugin-compiler", {}]]
    }
  }
}

How it works

<If when={index > 5}>
  <li>{todo * 2}</li>
  <ElseIf when={index > 10}>
    <li>{todo * 3}</li>
  </ElseIf>
</If>

Compiled ↓ ↓ ↓ ↓ ↓ ↓

index > 5 ? <li>{todo * 2}</li> : index > 10 ? <li>{todo * 3}</li> : null