\n\n```svelte\n\n\n\n Нажми меня\n\n```\n\n---\n\n## 📦 Установка\n\n```bash\nnpm i -D @ecss/svelte-adapter\n```\n\n```bash\npnpm add -D @ecss/svelte-adapter\n```\n\n```bash\nyarn add -D @ecss/svelte-adapter\n```\n\nТребуется установленный `svelte` версии 4 или выше.\n\n---\n\n## 🚀 Подключение\n\nАдаптер регистрируется в `ecss.config.ts` через `defineConfig` из `@ecss/config` — конфиг не привязан к конкретному сборщику, его читает ECSS-плагин вашего бандлера (`@ecss/vite-plugin` и др.). `defaultAdapter` указывает, какой адаптер применяется к `.ecss`-файлам по умолчанию; id Svelte-адаптера — `'svelte'`:\n\n```ts\n// ecss.config.ts\nimport { defineConfig } from '@ecss/config';\nimport { svelteAdapter } from '@ecss/svelte-adapter';\n\nexport default defineConfig({\n adapters: [svelteAdapter()],\n defaultAdapter: 'svelte',\n});\n```\n\n---\n\n## 🛠 Использование\n\nКаждый `@block` превращается в компонент Svelte, который импортируется напрямую из `.ecss`-файла:\n\n```svelte\n\n\n\n Нажми меня\n\n```\n\nИмя компонента — это префикс + имя блока: `@block Button` → `EButton`, `@block Card` → `ECard`. Содержимое передаётся через слот по умолчанию (всё, что между тегами).\n\n> В отличие от React/Vue-адаптеров, Svelte-адаптер **module-based**: он генерирует настоящие `.svelte`-файлы в каталоге `.ecss/`, а импорт `./X.ecss` перенаправляется на них автоматически. Для вас это прозрачно — импортируйте компонент как обычно.\n\n### Проп `params`\n\nПараметры блока передаются единственным пропом `params`. TypeScript знает их типы из сгенерированного интерфейса `{Block}Params` (например `ButtonParams`), поэтому передать несуществующее значение enum не получится.\n\n`params` обязателен ровно тогда, когда у блока есть хотя бы один обязательный `@param` (без `?`). Если все параметры опциональны или их нет вовсе — проп можно не передавать.\n\n```svelte\n\n\n\n\n\n```\n\n### Проп `as`\n\nПо умолчанию компонент рендерится как `
![\"@ecss/svelte-adapter\"](\"./assets/logo.svg\"){kind=logo}
\n ![\"npm](\"https://img.shields.io/npm/v/@ecss/svelte-adapter.svg?color=c856c6&labelColor=a440a4\")
\n ![\"build\"](\"https://img.shields.io/github/actions/workflow/status/webeach/ecss/ci.yml?color=c856c6&labelColor=a440a4\")
\n ![\"npm](\"https://img.shields.io/npm/dm/@ecss/svelte-adapter.svg?color=c856c6&labelColor=a440a4\")
\n