Vue 3 + TypeScript Best Practices

Purpose: Production-quality reference for writing Vue 3 code in TypeScript desktop apps (Electrobun + Vite).

Scope: Composables, Pinia state management, component design, TypeScript integration, reactivity patterns, SVG workflow, and TwirChat-specific conventions.

0. TwirChat-Specific Constraints (READ FIRST)

These rules are non-negotiable for TwirChat frontend code.

The Two-Runtime Rule

The desktop app has two distinct runtime environments. Never cross them.