open-index/open-npm huggingface dataset:
npm package: @pezakolektiv/boiler
Description: This is a boilerplate repo for making web projects with Nuxt 3 (Vue 3 + TS), Tailwindcss, Naive UI, Supabase
Author: Hristiyan 'Harry' Yaprakov
Latest version: 0.6.3

<!--
Get your module up and running quickly.

Find and replace all on all files (CMD+SHIFT+F):
- Name: Boiler by Peza Kolektiv
- Package name: @pezakolektiv/boiler
- Description: Pezakolektiv boiler place.
-->

# Boiler by Peza Kolektiv

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

My new Nuxt module for doing amazing things.

- [✨ &nbsp;Release Notes](/CHANGELOG.md)
  <!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/@pezakolektiv/boiler?file=playground%2Fapp.vue) -->
  <!-- - [📖 &nbsp;Documentation](https://example.com) -->

## Features

<!-- Highlight some of the features your module provide here -->

- ⛰ &nbsp;Foo
- 🚠 &nbsp;Bar
- 🌲 &nbsp;Baz

## Quick Setup

1. Add `@pezakolektiv/boiler` dependency to your project

```bash
npm install --save-dev @pezakolektiv/boiler
npm i -D @pezakolektiv/boiler
```

2. Add `@pezakolektiv/boiler` to the `modules` section of `nuxt.config.ts`

```js
export default defineNuxtConfig({
  modules: ["@pezakolektiv/boiler"],
});
```

## Development

```bash
# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release
```

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@pezakolektiv/boiler/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/@pezakolektiv/boiler
[npm-downloads-src]: https://img.shields.io/npm/dm/@pezakolektiv/boiler.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/@pezakolektiv/boiler
[license-src]: https://img.shields.io/npm/l/@pezakolektiv/boiler.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://npmjs.com/package/@pezakolektiv/boiler
[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
[nuxt-href]: https://nuxt.com
npm package: @pezeshk-book/ui-kit-test
Description: UIkit components for use in React or Next.js.
Author: PezeshkBook Company
Latest version: 0.2.76

# Getting Started with @pezeshk-book/ui-kit

This project was built by tailwind for React and Next.js projects.

## Learn More

You can check the storybook in the [pbkit.pezeshkbook.com](https://pbkit.pezeshkbook.com).

## Installing

using npm:

```bash
npm install --save @pezeshk-book/ui-kit
```

## React Js Config

Add the Tailwind directives to your CSS global

```bash
@tailwind base;
@tailwind components;
@tailwind utilities;
```

## Next Js Config

Add the Tailwind directives to your global.css

```bash
@tailwind base;
@tailwind components;
@tailwind utilities;
```

tailwind.config will be generated automatically

for more configs you can visit - [tailwind Documentation](https://tailwindcss.com/docs/installation)

## Add Your Own Fonts

in your tailwind.config.js file there are 4 types of font (light, regular, medium and bold) which will be use in Text component.\
the type props in Text component will handle these 4 fonts.\
\

### Change Package Font in React.JS & Next.Js

first you need to create a folder named fonts in your public directory.\
add these lines of code in your CSS global

```bash
@font-face {
  font-family: 'fontMedium';
  src: url('{relative path to your added font}') format('truetype');
  font-display: swap;

}

@font-face {
  font-family: 'fontRegular';
  src: url('{relative path to your added font}') format('truetype');
  font-display: swap;

}

@font-face {
  font-family: 'fontBold';
  src: url('{relative path to your added font}') format('truetype');
  font-display: swap;

}

@font-face {
  font-family: 'fontLight';
  src: url('{relative path to your added font}') format('truetype');
  font-display: swap;
}
```

and you are ready to go, just like that (^_^)