docs: escape {{ }} in concept docs to fix VitePress/Vue build

Made-with: Cursor

Author: guynikan

docs/en-US/concepts/02-schema-language.md

@@ -77,7 +77,7 @@
 | ------------ | ------------ | -------- | --------------- | ----------- |
 | `x-content` | No | string | Static content (e.g. button label) | `"Submit Form"` |
 
-**Dynamic values:** Use template expressions in `x-component-props` (or other props) with `{{ $formValues.fieldName }}` and `{{ $externalContext.property }}`. The template middleware replaces these at runtime. See Expression Language below.
+**Dynamic values:** Use template expressions in `x-component-props` (or other props) with <code>&#123;&#123; $formValues.fieldName &#125;&#125;</code> and <code>&#123;&#123; $externalContext.property &#125;&#125;</code>. The template middleware replaces these at runtime. See Expression Language below.
 
 
 ## Schema Types
@@ -138,16 +138,16 @@
 
 | **Expression Type** | **Syntax** | **Context** | **Example** |
 | ------------------- | ---------- | ----------- | ----------- |
-| **Form values** | `{{ $formValues.fieldName }}` | Current form state | `"{{ $formValues.email }}"` |
-| **External context** | `{{ $externalContext.property }}` | Provider `externalContext` | `"{{ $externalContext.user.name }}"` |
+| **Form values** | <code>&#123;&#123; $formValues.fieldName &#125;&#125;</code> | Current form state | <code>"&#123;&#123; $formValues.email &#125;&#125;"</code> |
+| **External context** | <code>&#123;&#123; $externalContext.property &#125;&#125;</code> | Provider `externalContext` | <code>"&#123;&#123; $externalContext.user.name &#125;&#125;"</code> |
 
 ### Operators Available:
 
 | **Operator** | **Usage** | **Example** | **Result** |
 | ------------ | --------- | ----------- | ---------- |
-| `===`, `!==` | Equality | `"{{ $externalContext.role === 'admin' }}"` | boolean |
-| `&&`, `\|\|` | Logical | `"{{ $formValues.type === 'user' && $externalContext.plan === 'premium' }}"` | boolean |
-| `>`, `<`, `>=`, `<=` | Comparison | `"{{ $formValues.age >= 18 }}"` | boolean |
+| `===`, `!==` | Equality | <code>"&#123;&#123; $externalContext.role === 'admin' &#125;&#125;"</code> | boolean |
+| `&&`, `\|\|` | Logical | <code>"&#123;&#123; $formValues.type === 'user' && $externalContext.plan === 'premium' &#125;&#125;"</code> | boolean |
+| `>`, `<`, `>=`, `<=` | Comparison | <code>"&#123;&#123; $formValues.age >= 18 &#125;&#125;"</code> | boolean |
 
 Expressions can be used inside strings in props (e.g. in `x-component-props`) and are evaluated with the current form values and external context.
 

docs/en-US/concepts/04-schema-resolution.md

@@ -94,7 +94,7 @@ Final React/Vue Element
 4. **Default props** (component defaults)
 
 **Middleware Resolution Order:**
-- Template expression middleware runs first (so `{{ $formValues.x }}` and `{{ $externalContext.x }}` are resolved).
+- Template expression middleware runs first (so <code>&#123;&#123; $formValues.x &#125;&#125;</code> and <code>&#123;&#123; $externalContext.x &#125;&#125;</code> are resolved).
 - Then **Provider `middlewares`** and **factory `middlewares`** run in array order.
 
 
@@ -105,9 +105,9 @@ Final React/Vue Element
 | **Expression Type**   | **Resolution** | **Example** | **Result** |
 | --------------------- | --------------- | ----------- | ---------- |
 | **Static values**     | Direct          | `"required": true` | `required={true}` |
-| **Form values**       | `$formValues`   | `"{{ $formValues.email }}"` | Current form field value |
-| **External context**  | `$externalContext` | `"{{ $externalContext.user.name }}"` | Value from Provider externalContext |
-| **JEXL expressions**  | Evaluated       | `"{{ $formValues.age >= 18 }}"` | boolean |
+| **Form values**       | `$formValues`   | <code>"&#123;&#123; $formValues.email &#125;&#125;"</code> | Current form field value |
+| **External context**  | `$externalContext` | <code>"&#123;&#123; $externalContext.user.name &#125;&#125;"</code> | Value from Provider externalContext |
+| **JEXL expressions**  | Evaluated       | <code>"&#123;&#123; $formValues.age >= 18 &#125;&#125;"</code> | boolean |
 
 
 ## Related Concepts

docs/en-US/concepts/05-renderer.md

@@ -84,8 +84,8 @@ Final React/Vue Element
 | **Priority** | **Source** | **When to Use** | **Example** |
 | -------------- | --------- | --------------- | ----------- |
 | **1st - Default** | Factory built-in | Default behavior | DefaultFieldRenderer for type `field` |
-| **2nd - Global** | ScheptaProvider | Application default | `<ScheptaProvider renderers={{ field: AppFieldRenderer }} />` |
-| **3rd - Local** | Factory props | Per-factory override | `<FormFactory renderers={{ field: CustomField }} />` |
+| **2nd - Global** | ScheptaProvider | Application default | <code>&lt;ScheptaProvider renderers=&#123;&#123; field: AppFieldRenderer &#125;&#125; /&gt;</code> |
+| **3rd - Local** | Factory props | Per-factory override | <code>&lt;FormFactory renderers=&#123;&#123; field: CustomField &#125;&#125; /&gt;</code> |
 
 There is no separate "registerRenderer" API; renderers come from factory defaults, then Provider `renderers`, then factory `renderers` prop.
 

docs/en-US/concepts/06-middleware.md

@@ -10,7 +10,7 @@
 
 | **Input** | **Middleware** | **Transformation** | **Output** |
 | --------- | -------------- | ------------------ | ---------- |
-| Raw props from schema | Template expression middleware | Replaces `{{ $formValues.x }}`, `{{ $externalContext.x }}` | Resolved props |
+| Raw props from schema | Template expression middleware | Replaces <code>&#123;&#123; $formValues.x &#125;&#125;</code>, <code>&#123;&#123; $externalContext.x &#125;&#125;</code> | Resolved props |
 | Props + schema + context | Custom middleware | Validation, formatting, logic | Final props |
 | Component props | Your middleware | Any transformation | Enhanced props |
 

docs/en-US/concepts/07-debug-system.md

@@ -12,7 +12,7 @@
 | ----------- | ----------- |
 | **DebugConfig** | Enable debug and optional flags for component resolution, middleware, and reactions logging |
 | **Debug context** | A `log(category, message, data?)` function and a `buffer` (add, clear, getAll) passed through middleware and resolution |
-| **Activation** | Set `debug={{ enabled: true }}` on ScheptaProvider or FormFactory |
+| **Activation** | Set <code>debug=&#123;&#123; enabled: true &#125;&#125;</code> on ScheptaProvider or FormFactory |
 
 **Activation:**
 ```tsx

docs/es-ES/concepts/02-schema-language.md

@@ -77,7 +77,7 @@
 | ------------ | ------------ | -------- | --------------- | ----------- |
 | `x-content` | No | string | Contenido estático (ej. etiqueta de botón) | `"Enviar Formulario"` |
 
-**Valores dinámicos:** Usa expresiones de template en `x-component-props` (u otras props) con `{{ $formValues.fieldName }}` y `{{ $externalContext.property }}`. El middleware de template los reemplaza en tiempo de ejecución. Ver Expression Language abajo.
+**Valores dinámicos:** Usa expresiones de template en `x-component-props` (u otras props) con <code>&#123;&#123; $formValues.fieldName &#125;&#125;</code> y <code>&#123;&#123; $externalContext.property &#125;&#125;</code>. El middleware de template los reemplaza en tiempo de ejecución. Ver Expression Language abajo.
 
 
 ## Tipos de Schema
@@ -138,16 +138,16 @@
 
 | **Tipo de Expresión** | **Sintaxis** | **Contexto** | **Ejemplo** |
 | ------------------- | ---------- | ----------- | ----------- |
-| **Valores del formulario** | `{{ $formValues.fieldName }}` | Estado actual del formulario | `"{{ $formValues.email }}"` |
-| **Contexto externo** | `{{ $externalContext.property }}` | `externalContext` del Provider | `"{{ $externalContext.user.name }}"` |
+| **Valores del formulario** | <code>&#123;&#123; $formValues.fieldName &#125;&#125;</code> | Estado actual del formulario | <code>"&#123;&#123; $formValues.email &#125;&#125;"</code> |
+| **Contexto externo** | <code>&#123;&#123; $externalContext.property &#125;&#125;</code> | `externalContext` del Provider | <code>"&#123;&#123; $externalContext.user.name &#125;&#125;"</code> |
 
 ### Operadores Disponibles:
 
 | **Operador** | **Uso** | **Ejemplo** | **Resultado** |
 | ------------ | --------- | ----------- | ---------- |
-| `===`, `!==` | Igualdad | `"{{ $externalContext.role === 'admin' }}"` | boolean |
-| `&&`, `\|\|` | Lógico | `"{{ $formValues.type === 'user' && $externalContext.plan === 'premium' }}"` | boolean |
-| `>`, `<`, `>=`, `<=` | Comparación | `"{{ $formValues.age >= 18 }}"` | boolean |
+| `===`, `!==` | Igualdad | <code>"&#123;&#123; $externalContext.role === 'admin' &#125;&#125;"</code> | boolean |
+| `&&`, `\|\|` | Lógico | <code>"&#123;&#123; $formValues.type === 'user' && $externalContext.plan === 'premium' &#125;&#125;"</code> | boolean |
+| `>`, `<`, `>=`, `<=` | Comparación | <code>"&#123;&#123; $formValues.age >= 18 &#125;&#125;"</code> | boolean |
 
 Las expresiones pueden usarse dentro de strings en props (ej. en `x-component-props`) y se evalúan con los valores actuales del formulario y del contexto externo.
 

docs/es-ES/concepts/04-schema-resolution.md

@@ -94,7 +94,7 @@ Elemento React/Vue Final
 4. **Props por defecto** (defaults del componente)
 
 **Orden de Resolución de Middleware:**
-- El middleware de expresiones de template corre primero (así `{{ $formValues.x }}` y `{{ $externalContext.x }}` se resuelven).
+- El middleware de expresiones de template corre primero (así <code>&#123;&#123; $formValues.x &#125;&#125;</code> y <code>&#123;&#123; $externalContext.x &#125;&#125;</code> se resuelven).
 - Luego **`middlewares` del Provider** y **`middlewares` de la factory** corren en el orden del array.
 
 
@@ -105,9 +105,9 @@ Elemento React/Vue Final
 | **Tipo de Expresión**   | **Resolución** | **Ejemplo** | **Resultado** |
 | --------------------- | --------------- | ----------- | ---------- |
 | **Valores estáticos**     | Directo          | `"required": true` | `required={true}` |
-| **Valores del formulario**       | `$formValues`   | `"{{ $formValues.email }}"` | Valor actual del campo |
-| **Contexto externo**  | `$externalContext` | `"{{ $externalContext.user.name }}"` | Valor del externalContext del Provider |
-| **Expresiones JEXL**  | Evaluadas       | `"{{ $formValues.age >= 18 }}"` | boolean |
+| **Valores del formulario**       | `$formValues`   | <code>"&#123;&#123; $formValues.email &#125;&#125;"</code> | Valor actual del campo |
+| **Contexto externo**  | `$externalContext` | <code>"&#123;&#123; $externalContext.user.name &#125;&#125;"</code> | Valor del externalContext del Provider |
+| **Expresiones JEXL**  | Evaluadas       | <code>"&#123;&#123; $formValues.age >= 18 &#125;&#125;"</code> | boolean |
 
 
 ## Conceptos Relacionados

docs/es-ES/concepts/05-renderer.md

@@ -84,8 +84,8 @@ Elemento React/Vue Final
 | **Prioridad** | **Fuente** | **Cuándo Usar** | **Ejemplo** |
 | -------------- | --------- | --------------- | ----------- |
 | **1ª - Default** | Built-in de la factory | Comportamiento por defecto | DefaultFieldRenderer para tipo `field` |
-| **2ª - Global** | ScheptaProvider | Por defecto de la aplicación | `<ScheptaProvider renderers={{ field: AppFieldRenderer }} />` |
-| **3ª - Local** | Props de la factory | Override por factory | `<FormFactory renderers={{ field: CustomField }} />` |
+| **2ª - Global** | ScheptaProvider | Por defecto de la aplicación | <code>&lt;ScheptaProvider renderers=&#123;&#123; field: AppFieldRenderer &#125;&#125; /&gt;</code> |
+| **3ª - Local** | Props de la factory | Override por factory | <code>&lt;FormFactory renderers=&#123;&#123; field: CustomField &#125;&#125; /&gt;</code> |
 
 No existe una API separada "registerRenderer"; los renderers vienen de los defaults de la factory, luego de los `renderers` del Provider, luego de la prop `renderers` de la factory.
 

docs/es-ES/concepts/06-middleware.md

@@ -10,7 +10,7 @@
 
 | **Entrada** | **Middleware** | **Transformación** | **Salida** |
 | --------- | -------------- | ------------------ | ---------- |
-| Props brutas del schema | Middleware de expresiones de template | Reemplaza `{{ $formValues.x }}`, `{{ $externalContext.x }}` | Props resueltas |
+| Props brutas del schema | Middleware de expresiones de template | Reemplaza <code>&#123;&#123; $formValues.x &#125;&#125;</code>, <code>&#123;&#123; $externalContext.x &#125;&#125;</code> | Props resueltas |
 | Props + schema + contexto | Middleware custom | Validación, formateo, lógica | Props finales |
 | Props del componente | Tu middleware | Cualquier transformación | Props enriquecidas |
 

docs/es-ES/concepts/07-debug-system.md

@@ -12,7 +12,7 @@
 | ----------- | ----------- |
 | **DebugConfig** | Habilitar debug y flags opcionales para log de resolución de componentes, middleware y reacciones |
 | **Contexto de debug** | Función `log(category, message, data?)` y un `buffer` (add, clear, getAll) pasados por middleware y resolución |
-| **Activación** | Establecer `debug={{ enabled: true }}` en ScheptaProvider o FormFactory |
+| **Activación** | Establecer <code>debug=&#123;&#123; enabled: true &#125;&#125;</code> en ScheptaProvider o FormFactory |
 
 **Activación:**
 ```tsx