Sciux

Domain Specific Language for AI-generated document

Getting Started

const source = `
<element></element>
`.trim()
const { render } = createRenderer()
const root = document.getElementById('root')
render(source, root)

Syntax

Element

<!-- Open -->
<element></element>

<!-- Self-closed -->
<element/>

Attribute

<!-- String Value -->
<element attr="Hello World" />

<!-- Expression -->
<element :attr="1 + 1" />

Event

<element @click="

Value Insert

<element>Hello World</element>

<element>{{ 1 + 1 }}</element>

Reflect Variable

---
refs:
  v: '0'
---
<element @click="v++">Value: {{ v }}</element>