SEP-YUI

SEP-YUI — библиотека UI-компонентов для Vue, созданная для решения задачи удобного переиспользования интерфейсных элементов между проектами. Она позволяет использовать единый набор UI-решений, снижает связанность компонентов и упрощает поддержку.

Основные преимущества

• Лёгкая интеграция в существующие проекты
• Низкий порог входа
• Гибкость и кастомизация
• Регулярные обновления и техническая поддержка
• Возможность комбинирования компонентов внутри проекта

Установка и подключение

npm i @pksep/yui

1. Для использования библиотеки в проекте, необходимо импортировать компоненты библиотеки в главный файл проекта main.ts таким образом:

main.ts;
import Ylibrary from '@pksep/yui';
app.use(Ylibrary);
app.mount('#app');

1.1 Для выборочного импорта компонентов, можно использовать подключение такого вида.

main.ts;
import { Toggle } from '@pksep/yui';
app.component('Toggle', Toggle);

2. Стили импортируются через путь "@pksep/yui/styles" также в файле main.ts

main.ts;
import '@pksep/yui/styles';

3. Далее просто пишем название компонента внутри проекта и используем как при обычной разработке на Vue.

App.vue
<template>
  <Toggle :disabled="true" :backgroundColor="'red'" />
</template>
<script setup lang="ts"></script>
<styles scoped></styles>

Примеры и Storybook

Документация и примеры компонентов:

➡️ https://pksep.github.io/sep_yui

Разработка

Публикация пакетов

Обязательно через команду, так как генерятся changelog. Для этого используем: changeloggen

pnpm run build:lib

Токен можно для публикации можно получить у менеджера.