Плагины
Vueland — это не просто библиотека компонентов, а растущая платформа. Плагины — это самостоятельные пакеты, которые расширяют рабочий процесс: build-инструменты, генераторы кода и runtime-хелперы, работающие вместе с основной UI-библиотекой.
Каждый плагин живёт в отдельном пакете, устанавливается независимо и интегрируется без изменений в существующую конфигурацию.
Доступные плагины
| Плагин | Пакет | Описание |
|---|---|---|
| ESLint Script Setup | @vueland/eslint-script-setup | ESLint плагин, обеспечивающий единообразный порядок объявлений внутри блоков <script setup> с поддержкой автофикса |
| Utils JIT | @vueland/utils-jit | Vite-плагин, генерирующий произвольные CSS-утилиты по требованию — в бандл попадают только те классы, которые реально используются |
Скоро
Экосистема плагинов активно развивается. В планах:
- Form builder — генерация форм по схеме со встроенной валидацией
- Theme generator — визуальный редактор CSS-переменных с live-превью и экспортом
- Icon resolver — автоматическое обнаружение наборов иконок и tree-shaking
- CLI — инструмент для скаффолдинга компонентов, страниц и пресетов
Структура плагинов
Каждый плагин следует единому паттерну: точка входа на уровне пакета, задокументированный API и никаких обязательных изменений в конфигурацию основной библиотеки.
ts
// Пример: подключение плагина в vite.config.ts
import { somePlugin } from '@vueland/some-plugin'
export default defineConfig({
plugins: [somePlugin()],
})Плагины, которым нужен доступ к runtime Vueland (темизация, пресеты, иконки), принимают опциональный конфиг, повторяющий опции createVuelandUI.
