#7 GUIs

To verify that Vue Lynx behaves identically to Vue in real GUI scenarios, we forked the 7 GUIs examples from the official Vue.js documentation — seven classic tasks that cover typical challenges in GUI programming, from a simple counter to a full spreadsheet.

#Examples

#1. Counter

A simple button that increments a counter. Tests basic state management and event handling.

#2. Temperature Converter

Bidirectional conversion between Celsius and Fahrenheit. Tests two-way data flow and constraint handling.

#3. Flight Booker

A flight booking form with conditional validation. Tests constraints, conditional visibility, and input validation.

#4. Timer

An elapsed-time gauge with adjustable duration. Tests concurrency, competing user/signal interactions, and continuous updates.

#5. CRUD

A filterable list with create, read, update, and delete operations. Tests managing a dynamic collection of data.

#6. Circle Drawer

Draw circles on a canvas with undo/redo support. Tests custom drawing, a non-trivial undo model, and dialog control flow.

#7. Cells

A simple spreadsheet with formula evaluation. Tests change propagation, cell references, and reactive computation.