vanilla components

Ванильные компоненты

Легкая, гибкая и настраиваемая библиотека пользовательского интерфейса для Vue 3

Документация | Начало работы | Почему ванильные компоненты?

Основные особенности

• ? DX Focused - напишите меньше кода и строить быстрее
• ? Полностью настраивается - все компоненты и реквизиты полностью настраиваются через простой файл конфигурации
• ? Концепция вариантов - Создайте несколько вариантов одних и тех же компонентов. Пример: Ошибка, успех и т. Д.
• ? Сначала попутный ветер - поставляется с здравым стилем с использованием Defaults Taillide CSS по умолчанию
• ? Vue + TypeScript - Vue 3 Setup + TypeScript
• ? Vue 3 готово - Vue 3
• ? Tree Shakable - импортируйте только те компоненты, которые вам нужны, не беспокоясь о размере
• Ноль CSS включен - все настраивается, означает, что нет CSS, которые можно включить вообще
• ? Темный/белый - Pixel Perfect Design с темным и белым режимом включенным
• ? SSR готов - построен с учетом SSR

Установка

Начните с установки зависимостей со сверстниками, чем, перейдите на установку пакета

Посетите документацию для получения дополнительной информации.

Импортируйте компоненты по мере необходимости со следующим:

import { Button } from '@flavorly/vanilla-components'

Местная и документация

Для предварительного просмотра и локального тестирования, пожалуйста, запустите следующее в корне проекта. После команд вы должны иметь локальный сервер Vite.

pnpm install
pnpm -r build
pnpm docs:dev

Чтобы начать все сначала, просто запустите следующие команды

pnpm clean
pnpm install
pnpm -r build
pnpm docs:dev

LUNR (альтернатива Algolia)

LUNR заменяет поиск по умолчанию Algolia Algolia, чтобы правильно получить индекс проекта, выполните следующее:

 pnpm docs:index:build

Кредиты

Благодаря:

• Variantjs - базовое вдохновение и код - спасибо Alfonsobries
• Vueuse - как мы не могли бы подать это?
• Robertboes - за все время помогая с устранением неполадок
• Enzo Innocenzi - для вдохновения и помощи!
• Все мои друзья, это могло оставаться в сети, пока я шептал весь день!

Вклад

См. Руководство.

Лицензия

MIT Лицензия © 2021-Present Pedro Martins