open-index/open-npm huggingface dataset:
npm package: @leedomjs/cli
Description: Command line interface for Leedom
Author: Leedom
Latest version: 0.9.0

# Leedom CLI

[![npm](https://img.shields.io/npm/v/@leedomjs/cli?color=333&label=)](https://www.npmjs.com/package/@leedomjs/cli)

<img width="682" alt="leedom-cli" src="https://github.com/leedomjs/leedom-cli/assets/30711792/ff475a09-187c-41b9-b407-8ce9df76a415">

## Usage

### Install

```bash
pnpm install -g @leedomjs/cli
```

### Create a project

```bash
# It will give you a default project name (my-project)
# You can input and rename it
leedom create

# or you can input your project name directly
leedom create my-project
```

# Action

<div align="center">
  <video src="https://github.com/leedomjs/leedom-cli/assets/30711792/2d7fd198-cc6e-435e-8b1e-3cb6d8902dbe" />
</div>

## License

[MIT](https://github.com/leedomjs/leedom-cli/blob/main/LICENSE)
npm package: @leedomjs/tailwindcss-color-preset
Description: Collecting theme color of some UI Frameworks for Tailwind CSS
Author: Leedom
Latest version: 0.8.0

# @leedomjs/tailwindcss-color-preset

[![npm](https://img.shields.io/npm/v/@leedomjs/tailwindcss-color-preset?color=333&label=)](https://www.npmjs.com/package/@leedomjs/tailwindcss-color-preset)

Collect some UI Frameworks' theme colors for Tailwind CSS.

## Usage

### Install

```bash
pnpm add -D tailwindcss @leedomjs/tailwindcss-color-preset
```

### Config `tailwind.config.js`

> [!NOTE]
> **You could provide different param:**
> 
> 1.Object that contains some fields `element`, `naive`, `vant`.
> 
> If your project depends on `element-ui`, `element-plus`, `naive-ui`, `vant-ui`, the color will be enable automatically. Setting to false will disable the color, otherwise will enabled.
>
> 2.Boolean
>
> If true, all options are enabled, otherwise disabled.
>
> 3.Empty
>
> Auto-detected based on deps

```js
const color = require('@leedomjs/tailwindcss-color-preset')

/** @type {import('tailwindcss').Config} */
module.exports = {
  presets: [
    /**
     * color()
     * color(true)
     * color(false)
     */
    color({
      element: true,
      naive: true,
      vant: true,
    }),
  ],
  content: [...],
  theme: {
    extend: {},
  },
  plugins: [],
  ...
}
```

## License

[MIT](https://github.com/leedomjs/tailwindcss-preset/blob/main/LICENSE) License © 2024-present [Leedom](https://github.com/leedom92)
npm package: @leedomjs/tailwindcss-miniprogram-preset
Description: mini program for tailwindcss that transform px to rpx
Author: Leedom
Latest version: 0.8.0

# @leedomjs/tailwindcss-miniprogram-preset

[![npm](https://img.shields.io/npm/v/@leedomjs/tailwindcss-miniprogram-preset?color=333&label=)](https://www.npmjs.com/package/@leedomjs/tailwindcss-miniprogram-preset)

This package is designed for miniprogram, and transforms `px` to  `rpx`.
`0.25rem` = `4px` = `8rpx`

## Usage

### Install

```bash
pnpm add -D tailwindcss @leedomjs/tailwindcss-miniprogram-preset
```

### Config `tailwind.config.js`

```js
/** @type {import('tailwindcss').Config} */

const mp = require('@leedomjs/tailwindcss-miniprogram-preset')

module.exports = {
  presets: [
    /**
     * You can also set an object param that contains a field called `enable`.
     * `enable` defaults to `true`, setting `enable` be `false` will enable default config of tailwindcss and disable the preset meanwhile.
     * 
     * mp({
     *  enable: false
     * })
     */
    mp(),
  ],
  content: [...],
  theme: {
    extend: {},
  },
  plugins: [],
  ...
}
```

## Tips

1. Use `-dv-` instead of `/` to generate percentage
2. Use `-` instead of `.`

For example:
``` html
<!-- w-1/2 = w-1-dv-2 -->
<div class="w-1/2 w-1-dv-2">hello, world.</div>

<!-- w-1.5 = w-1-5 -->
<div class="w-1.5 w-1-5">hello, world.</div>
```

## License

[MIT](https://github.com/leedomjs/tailwindcss-preset/blob/main/LICENSE) License © 2024-present [Leedom](https://github.com/leedom92)
npm package: @leedomjs/tailwindcss-preset
Description: tailwindcss preset
Author: Leedom
Latest version: 0.8.0

# @leedomjs/tailwindcss-preset

[![npm](https://img.shields.io/npm/v/@leedomjs/tailwindcss-preset?color=333&label=)](https://www.npmjs.com/package/@leedomjs/tailwindcss-preset)

This package contains:
- [`@leedomjs/tailwindcss-miniprogram-preset`](https://www.npmjs.com/package/@leedomjs/tailwindcss-miniprogram-preset) is designed for miniprogram, and transforms `px` to  `rpx`.
- [`@leedomjs/tailwindcss-color-preset`](https://www.npmjs.com/package/@leedomjs/tailwindcss-color-preset) collects some UI Frameworks' theme colors for Tailwind CSS.

## Usage

### Install

```bash
pnpm add -D tailwindcss @leedomjs/tailwindcss-preset
```

### Config `tailwind.config.js`

> There is an object param that contains some fields `mp`, `element`, `naive`, `vant`.
> 
> `mp` defaults to `false`, setting `mp` be `true` will enable the preset, 
> otherwise will enable default config of tailwindcss and disable the preset meanwhile.
>
> `element`, `naive`, `vant`, these params default to dependencies that your project uses.
>
> If your project depends on `element-ui`, `element-plus`, `naive-ui`, `vant-ui`,the color will be enable automatically. Setting to false will disable the color, otherwise will enabled.


```js
const leedom = require('@leedomjs/tailwindcss-preset')

/** @type {import('tailwindcss').Config} */
module.exports = {
  presets: [
    leedom({
      mp: true,
      element: true,
      naive: true,
      vant: true,
    }),
  ],
  content: [...],
  theme: {
    extend: {},
  },
  plugins: [],
  ...
}
```

## Tips

1. Use `-dv-` instead of `/` to generate percentage
2. Use `-` instead of `.`

For example:
``` html
<!-- w-1/2 = w-1-dv-2 -->
<div class="w-1/2 w-1-dv-2">hello, world.</div>

<!-- w-1.5 = w-1-5 -->
<div class="w-1.5 w-1-5">hello, world.</div>
```

## License

[MIT](https://github.com/leedomjs/tailwindcss-preset/blob/main/LICENSE) License © 2024-present [Leedom](https://github.com/leedom92)