# PhoenixVapor v0.3.0 - Table of Contents

Vue templates as native Phoenix LiveView renders — compile Vue syntax to %Rendered{} via Vapor IR.

## Pages

- [Phoenix Vapor](readme.md)
- [Architecture](architecture.md)
- [LICENSE](license.md)

- Guides
  - [PhoenixVapor Hybrid Architecture](hybrid-architecture.md)

- Comparisons
  - [Wire Protocol Comparison: PhoenixVapor vs Fronix/LiveVue](fronix-wire-protocol.md)
  - [PhoenixVapor vs Hologram: Deep Comparison](hologram.md)
  - [Nested Props: Wire Protocol Comparison](nested-props.md)

## Modules

- [PhoenixVapor](PhoenixVapor.md): Vue templates as native LiveView rendered structs.
- [PhoenixVapor.Component](PhoenixVapor.Component.md): Helpers for using Vue templates in Phoenix components.
- [PhoenixVapor.Hybrid](PhoenixVapor.Hybrid.md): Hybrid mode implementation — split reactivity between server and client.
- [PhoenixVapor.Hybrid.Classifier](PhoenixVapor.Hybrid.Classifier.md): Classifies bindings from a parsed `<script setup>` into server-owned,
client-owned, and mixed categories using AST-based dataflow analysis.
- [PhoenixVapor.Hybrid.ClientCodegen](PhoenixVapor.Hybrid.ClientCodegen.md): Generates client-side JavaScript for hybrid components.
- [PhoenixVapor.Hybrid.ServerCodegen](PhoenixVapor.Hybrid.ServerCodegen.md): Generates Elixir code (AST) for the server side of a hybrid component.
- [PhoenixVapor.LiveVue](PhoenixVapor.LiveVue.md): Full Vue component runtime in QuickBEAM.
- [PhoenixVapor.Reactive](PhoenixVapor.Reactive.md): Server-side Vue reactivity via QuickBEAM.
- [PhoenixVapor.Runtime](PhoenixVapor.Runtime.md): Persistent Vue reactive context backed by QuickBEAM.
- [PhoenixVapor.ScriptSetup](PhoenixVapor.ScriptSetup.md): Extracts reactive state and functions from `<script setup>` blocks.
- [PhoenixVapor.Sigil](PhoenixVapor.Sigil.md): Provides the `~VUE` sigil for embedding Vue templates in LiveView components.
- [PhoenixVapor.Vue](PhoenixVapor.Vue.md): Load Vue Single File Components (`.vue` files) as LiveView function components.
- [PhoenixVapor.VueRuntime](PhoenixVapor.VueRuntime.md): Full Vue component runtime in QuickBEAM.

## Mix Tasks

- [mix phoenix_vapor.bundle](Mix.Tasks.PhoenixVapor.Bundle.md): Bundles JavaScript dependencies for server-side Vue rendering.

