ClintchizandClaude Opus 5
69020b2555
Expands 3.1 and 3.2 so the work can be done without re-deriving anything. 3.1 now records what 0.8.6 already fixed, separated into the ten components that were miswired and the five that gained outputs they had been firing undeclared, with the caveat that Map's three were converted but never confirmed in a browser. For the 22 that remain it adds the finding that changes the decision: all nine are pure scaffolds with no state, functions or handlers, and five of them duplicate a component that already works -- FileUpload against FileInput and FileUploadProgress, Toast and ToastNotifications against Toaster, AdvancedDatePicker against DatePicker, AdvancedRangeSlider against RangeSlider. Superseding those is a migration entry rather than new code, and leaves Chart, TreeView, Confetti and CopyMarkup as the only ones needing to be built. 3.2 corrects the scaffold count from 23 to 28; the earlier figure used a looser rule. Nine of the 28 are the 3.1 components, so the two items must be planned together, and several of the rest are primitives that need only their styles moved out of ui.css rather than any behaviour. Also corrects the dead-output component count from 11 to 9 in both documents. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
21 lines
771 B
Plaintext
21 lines
771 B
Plaintext
// A reusable component. Route: none — mounted inside a page with
|
|
// <div data-component="counter" ...props></div>.
|
|
//
|
|
// Components render on the SERVER (with their props applied) and are hydrated in
|
|
// the browser by the generic reactive runtime — they ship no JS of their own.
|
|
component Counter {
|
|
// Props arrive as mount attributes, each coerced to the type of its default
|
|
// (so start="5" arrives as the number 5).
|
|
props {
|
|
start = 0
|
|
label = "Count"
|
|
}
|
|
|
|
// State can reference props. `count` seeds the reactive scope.
|
|
state count = start
|
|
|
|
view {
|
|
<button @click="count++" class="rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm transition hover:bg-indigo-500 active:scale-[0.98]">{label}: {count}</button>
|
|
}
|
|
}
|