open-index/open-npm huggingface dataset:
npm package: @pksep/yui
Description: **SEP-YUI** — библиотека UI-компонентов для Vue, созданная для решения задачи удобного переиспользования интерфейсных элементов между проектами. Она позволяет использовать единый набор UI-решений, снижает связанность компонентов и упрощает поддержку.
Author: Perov David
Latest version: 0.1.233

# 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
<template>
  <Toggle :disabled="true" :backgroundColor="'red'" />
</template>
<script setup lang="ts"></script>
<styles scoped></styles>
```


---

## Примеры и Storybook

Документация и примеры компонентов:

➡️ https://pksep.github.io/sep_yui

---

## Разработка

### Публикация пакетов

Обязательно через команду, так как генерятся changelog. Для этого используем:
[changeloggen](https://unjs.io/packages/changelogen/)

```sh
pnpm run build:lib
```

Токен можно для публикации можно получить у менеджера.