open-index/open-npm huggingface dataset:
npm package: @gengjiawen/unzip-url
Description: Unzip a remote ZIP file to local disk
Author: zcbenz
Latest version: 1.1.0

# unzip-url

Unzip a remote zip file to local disk.

## Import

```js
import {unzip} from '@compilets/unzip-url';
```

## API

```ts
export declare function unzip(url: string, targetDir: string): Promise<void>;
```

## Example

```ts
import {unzip} from '@compilets/unzip-url';

await unzip('https://some.zip', '/tmp/myzip');
```

## CLI

```sh
npx unzip-url https://some.zip /tmp/myzip
```
npm package: @gengjjjjj/component
Description: vue3常用组件库
Author: https://gitee.com/gengJJJJJ/mono-pack
Latest version: 1.0.4

### 安装
```shell
    pnpm add @gengjjjjj/component
```
### 文档
[文档](https://gengjjjjj.github.io/mono-pack/components/)
### 使用
- 按需引入
```ts
<script setup lang="ts">
import { ECharts } from '@gengjjjjj/component'

const options = ref<any>({
	xAxis: {
		type: 'category',
		data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
	},
	color: ['#5470c6'],
	yAxis: {
		type: 'value'
	},
	series: [
		{
			data: [150, 230, 224, 218, 135, 147, 260],
			type: 'line'
		}
	]
})
</script>
<template>
    <div style="width: 200px; height: 300px">
		<ECharts :options="options"></ECharts>
    </div>
</template>
```
- 全局引入
```ts
// main.ts
import {createApp} from 'vue'
import App from './App.vue'
import monoComponent from '@gengjjjjj/component'
import '@gengjjjjj/component/dist/index.css'
const app = createApp(App)
app.use(monoComponent)
app.mount('#app')
// App.vue
<script setup lang="ts">

const options = ref<any>({
	xAxis: {
		type: 'category',
		data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
	},
	color: ['#5470c6'],
	yAxis: {
		type: 'value'
	},
	series: [
		{
			data: [150, 230, 224, 218, 135, 147, 260],
			type: 'line'
		}
	]
})
</script>
<template>
    <div style="width: 200px; height: 300px">
		<ECharts :options="options"></ECharts>
    </div>
</template>
```
npm package: @gengjjjjj/composables
Description: vue3常用composables
Author: GengJJJJJ
Latest version: 1.0.2

### 安装
```shell
    pnpm add @gengjjjjj/composables
```
### 文档
[文档](https://gengjjjjj.github.io/mono-pack/composables/)
### 使用示例
- vue中使用
```vue
<template>
  <div class="responsive-demo">
    <p>调整浏览器窗口大小以查看动态变化</p>
    <h2>当前 REM 缩放比例：{{ remScale }}</h2>
    <h2>根字体大小：{{ currentFontSize }}px</h2>
  </div>
</template>

<script setup lang="ts">
import { useViewportScale } from '@gengjjjjj/composables';

// 初始化响应式 REM，设计稿宽度为 1920
const { remScale ,currentFontSize} = useViewportScale({
  designWidth: 1920,
  respectDPR: true,
  autoDestroy: true // 开启自动销毁
});
</script>

<style scoped>
/* 安装 postcss-pxtorem 插件 构建后会自动将px 转为rem */
.responsive-demo {
  width: 200px; 
  height: 300px;
  padding: 20px;
}
</style>
```
- main.ts使用
```ts
import { createApp } from 'vue';
import App from './App.vue';
import { useViewportScale } from '@gengjjjjj/composables';

const app = createApp(App);
const { destroy } = useViewportScale({
  designWidth: 1920,
  autoDestroy: false, // 关闭自动销毁
});
// （可选）在微前端卸载时调用
// window.__cleanup__ = destroy;
app.mount('#app');
```
npm package: @gengjjjjj/utils
Description: vue3常用utils
Author: GengJJJJJ
Latest version: 1.1.0

### 安装
```shell
    pnpm add @gengjjjjj/utils
```
### 文档
[文档](https://gengjjjjj.github.io/mono-pack/utils/)
### 使用示例
```ts
<script setup lang="ts">
import { randomString } from '@gengjjjjj/utils'

const str = randomString(8)
</script>
<template>
    <div>{{str}}</div>
</template>
```
npm package: @gengmei/eslint-config
Description: eslint config of gengmei
Latest version: 0.1.2
Deprecated: this package has been deprecated

# Eslint Config of gengmei

## Install

#### NPM

```shell
npm i @gengmei/eslint-config -D
```

#### YARN

```shell
yarn add @gengmei/eslint-config --dev
```

## Usage

```js
{
  "extends": ["@gengmei"]
}
```
npm package: @gengmei/eslint-config-node
Description: eslint config of gengmei
Latest version: 0.1.0

# Eslint Config of gengmei

## Install

#### NPM

```shell
npm i @gengmei/eslint-config-node -D
```

#### YARN

```shell
yarn add @gengmei/eslint-config-node --dev
```

## Usage

```js
{
  "extends": ["@gengmei/node"]
}
```
npm package: @gengmei/eslint-config-vue
Description: eslint config of gengmei
Latest version: 0.1.2

# Eslint Config of gengmei

## Install

#### NPM

```shell
npm i @gengmei/eslint-config-vue -D
```

#### YARN

```shell
yarn add @gengmei/eslint-config-vue --dev
```

## Usage

```js
{
  "extends": ["@gengmei/vue"]
}
```
npm package: @gengmei/meta-viewport
Description: mate viewport of gengmei
Latest version: 0.1.1

# meta-viewport of gengmei

## Install

#### NPM

```shell
npm i @gengmei/meta-viewport -S
```

#### YARN

```shell
yarn add @gengmei/meta-viewport --save
```

## Usage

```js
import '@gengmei/meta-viewport'
```
npm package: @gengmei/prettier-config
Description: prettier config of gengmei
Latest version: 0.1.1

# Prettier Config of gengmei

## Install

#### NPM

```shell
npm i @gengmei/prettier-config -D
```

#### YARN

```shell
yarn add @gengmei/prettier-config --dev
```

## Usage

#### package.json
```js
{
  "prettier": "@gengmei/prettier-config"
}
```
npm package: @gengmei/reset.css
Description: reset css of gengmei
Latest version: 0.1.1

# reset.css of gengmei

## Install

#### NPM

```shell
npm i @gengmei/reset.css -S
```

#### YARN

```shell
yarn add @gengmei/reset.css --save
```

## Usage

```js
import '@gengmei/reset.css'
```