open-index/open-npm huggingface dataset:
npm package: @kompasid/ui
Description: Kompas UI components library.
Latest version: 0.4.2

# @kompas/ui

Ini adalah pustaka komponen-komponen pakai-ulang Vue.js untuk produk digital harian Kompas (kompas.id dan subsitusnya).


## Pemasangan

```bash
npm i -D @kompasid/ui
```

atau 

```bash
yarn add -D @kompasid/ui
```

## Peraga & Dokumentasi

https://ui.kompas.cloud
npm package: @kompasid/ui-library
Description: Pustaka komponen tampilan antarmuka Vue 3 untuk produk digital harian
Author: squad A
Latest version: 1.6.6

# Kompas UI Library
Kompas UI Library merupakan komponen terpusat yang di peruntukan proyek Harian Kompas.

## Instal
Untuk memulai membuat komponen, perlu dilakukan kloning dan pemasangan proyek dengan versi yang di sarankan:
```bash
// versi node >= v20.12.2
git clone git@github.com:pt-kompas-media-nusantara/kompas-ui-library.git
```
Lalu untuk memasang proyek di lokal, jalankan `npm install`.
```bash
npm install
```

## Penggunaan

Jalankan ini untuk memulai pengembangan komponen yang berjalan di `App.vue`:
```bash
npm run dev
```
Jalankan ini untuk pengembangan dengan implementasi komponen di storybook:
```bash
// Disarankan membuat file storybook terkait dengan format namakomponen.stories.ts di folder yang sama
npm run storybook
```
#### Note
- Untuk menyematkan hasil komponen yang sudah di buat, dapat di deklarasikan di `src\index.ts` sebelum dipublish ke npm
- Class di tailwind ditambahkan prefix `kul-` agar tidak tabrakan dengan style tailwind di proyek yang di sematkan hasil package ini
- Disarankan untuk style yang disematkan dimasukan ke `<style module scoped>`

## Lint

Untuk pengecekan format penulisan jalankan:
```bash
npm run lint
```

## Implementasi hasil package
Pasang package hasil build npm di proyek lokal:
```bash
// https://www.npmjs.com/package/@kompasid/ui-library
npm i @kompasid/ui-library
```
Lalu buat plugin di proyek seperti ini untuk secara otomatis import komponen:
```bash
import UiLibrary from '@kompasid/ui-library'
import '@kompasid/ui-library/dist/style.css'
export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(UiLibrary)
})
```