vize_atelier_vapor

The Vapor Workshop - Vue template compiler for Vapor mode output

Name Origin

Atelier (/ˌætəlˈjeɪ/) is a French word for an artist's workshop or studio - a dedicated space where master craftspeople practice their specific art form. While vize_atelier_dom focuses on Virtual DOM compilation, vize_atelier_vapor is a specialized workshop for the cutting-edge Vapor mode - Vue's next-generation rendering approach.

In the art world, an atelier:

• Specializes - Focuses on a particular craft or technique
• Innovates - Pushes boundaries with new techniques
• Masters - Applies deep expertise to its domain

Similarly, vize_atelier_vapor provides:

• Vapor-specific transforms - Optimized for direct DOM manipulation
• Fine-grained reactivity - No virtual DOM diffing overhead
• Template-based optimization - Static analysis at compile time

Features

Vapor Mode Compilation

Generates highly optimized code for Vue's Vapor rendering mode:

• Direct DOM operations - No virtual DOM overhead
• Fine-grained updates - Only update what changes
• Static template extraction - Pre-compile static portions

Example

use vize_atelier_vapor::{compile_vapor, VaporCompilerOptions};
use vize_carton::Bump;

let allocator = Bump::new();
let result = compile_vapor(
    &allocator,
    "<div>{{ message }}</div>",
    VaporCompilerOptions::default()
);

println!("{}", result.code);

Output Example

import { _template, _setText } from 'vue/vapor'

const t0 = _template("<div></div>")

export default () => {
  const n0 = t0()
  _setText(n0, message)
  return n0
}

Part of the Vize Art Collection

vize_atelier_vapor is part of the Vize compiler's art-themed crate collection:

License

MIT License