SEP-YUI

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

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

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

---

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

bash

npm i @pksep/yui





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

ts

main.ts;

import Ylibrary from '@pksep/yui';

app.use(Ylibrary);

app.mount('#app');





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

ts

main.ts;

import { Toggle } from '@pksep/yui';

app.component('Toggle', Toggle);





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

ts

main.ts;

import '@pksep/yui/styles';





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

vue

App.vue







---



Примеры и Storybook



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



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



---



Разработка



$3



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

changeloggen

sh

pnpm run build:lib

``

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

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

bash
npm i @pksep/yui

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

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

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

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

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

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

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

vue
App.vue

---

Примеры и Storybook

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

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

---

Разработка

$3

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

sh
pnpm run build:lib