Svelte 5 (runes) single-component port over the shared src/logo.js core. $state holds the model, $derived produces the generated CSS and the logo's style string, $effect syncs the body background. bind:value drives the controls (range/number inputs coerce to numbers). Keeps the accessibility markup (labels, aria, <details>/<summary>, focus rings); reset restores defaults via the form's onreset handler. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
22 lines
497 B
JSON
22 lines
497 B
JSON
{
|
|
"name": "demo-ecmascript-svelte",
|
|
"version": "1.0.0",
|
|
"description": "LIBRETECH logo generator — Svelte + Vite",
|
|
"repository": {
|
|
"type": "git",
|
|
"url": "ssh://tengo@git.librete.ch:41240/public/demo-ecmascript.git"
|
|
},
|
|
"license": "WTFPL",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "vite build",
|
|
"preview": "vite preview"
|
|
},
|
|
"devDependencies": {
|
|
"@sveltejs/vite-plugin-svelte": "^5.0.3",
|
|
"svelte": "^5.16.0",
|
|
"vite": "^6.0.0"
|
|
}
|
|
}
|