open-index/open-npm huggingface dataset:
npm package: @keybe/kb-phone-input
Description: This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
Latest version: 1.0.2

# Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Type Support For `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.

If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:

1. Disable the built-in TypeScript Extension
   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
npm package: @keyblade/coordinate-range-picker
Description: KeyBlade Coordinate Range Picker
Author: yangshuai
Latest version: 1.0.5

# coordinate-range-picker(地图选点)

## 一、安装
```shell
pnpm install @keyblade/coordinate-range-picker
```

## 二、使用
### 1.全局注册
```ts
import CoordinateRangePicker from '@keyblade/coordinate-range-picker'

// 全局注册是属性可以不写在单个组件中，除非是要覆盖全局属性
app.use(CoordinateRangePicker, {
  loadOptions: { key: '' }
})
```

### 2.组件注册
```vue
<template>
  <CoordinateRangePicker
    v-model:visible="visible"
    :load-options="{ key: 'b30f5d81902aaebd3bc450b0d2115eb7' }"
  />
</template>

<script setup lang="ts">
import CoordinateRangePicker from '@keyblade/coordinate-range-picker'

const visible = ref<boolean>(false)
</script>
```
npm package: @keyblade/svg-icons
Description: KeyBlade SVG Icons
Author: yangshuai
Latest version: 1.0.0-alpha.3

# @keyblade/svg-icons

SVG 图标库

## 使用示例

```bash
$ pnpm i @keyblade/svg-icons
```

```ts
// main.ts
import SvgIcons from '@keyblade/svg-icons';

app.use(SvgIcons);
```

通过 `name` 属性指定图标，`name` 同 svg 的文件名

```html
<kb-svg-icon name="icon-name" />
```

## 图标扩展

可以在项目中扩展内置的图标库，需要配置如下加载器，加载器通过 `Promise` 返回 svg 的内容

```ts
// main.ts
import SvgIcons from '@keyblade/svg-icons';

app.use(SvgIcons, {
  async loader(name: string) {
    const module = await import(`@/assets/svg/${name}.svg?raw`);
    return module.default;
  },
});
```

然后通过 `custom` 属性标明为自定义图标，如：

```html
<kb-svg-icon custom name="icon-name" />
```

## Props

| 名称   | 描述                      | 类型              | 默认值  | 是否必须 |
| ------ | ------------------------- | ----------------- | ------- | -------- |
| name   | 图标名称，对应 svg 文件名 | `string`          | -       | 是       |
| size   | 尺寸，默认跟文本一致      | `nuber`\|`string` | -       | 否       |
| color  | 颜色，默认跟文本一致      | `string`          | -       | 否       |
| custom | 是否为自定义图标          | `boolean`         | `false` | 否       |
npm package: @keyboard-logic/serverless-hooks-plugin
Description: A plugin to give access from config to hooks for serverless
Author: Keyboard Logic LLC
Latest version: 1.1.1

# Serverless Hooks Plugin

## How to use

### Install from npm

1. Ensure your project has a valid `package.json`.
1. Run `npm install --save serverless-hooks-plugin`.
1. Add `serverless-hooks-plugin` to the list of plugins in `serverless.yml`. The plugins list is an array at the root level (an example `serverless.yml` is included in this project).
1. Add an array of hooks to be used as per examples, at `custom: hooks`.

### Local installation (not recommended)
1. Copy `serverless-hooks-plugin.js` into `.serverless-plugins` in the serverless project. You may need to create this folder.
1. Add `serverless-hooks-plugin` to the list of plugins in `serverless.yml`. The plugins list is an array at the root level (an example `serverless.yml` is included in this project).
1. Add an array of hooks to be used as per examples, at `custom: hooks`.