# k-vue3-comp

> A Simple Components Library For Vue3

Latest version **0.0.50** (published 2022-12-23) · ISC license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install k-vue3-comp
pnpm add k-vue3-comp
yarn add k-vue3-comp
bun add k-vue3-comp
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.0.50 |
| Published | 2022-12-23 |
| First published | 2022-11-23 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 105.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | fzu-kwz |
| Maintainers | kwz |
| Keywords | k-vue3-comp, vue3-comp, k-vue3-ui, vue3-ui |

## Links

- npm: https://www.npmjs.com/package/k-vue3-comp
- npm.io page: https://npm.io/package/k-vue3-comp

## Recent versions

- 0.0.50 (latest) — 2022-12-23
- 0.0.49 — 2022-12-23
- 0.0.48 — 2022-12-22
- 0.0.47 — 2022-12-22
- 0.0.46 — 2022-12-21
- 0.0.45 — 2022-12-21
- 0.0.44 — 2022-12-15
- 0.0.43 — 2022-12-14
- 0.0.42 — 2022-12-14
- 0.0.41 — 2022-12-12
- 0.0.40 — 2022-12-12
- 0.0.39 — 2022-12-08
- 0.0.38 — 2022-12-08
- 0.0.37 — 2022-12-08
- 0.0.36 — 2022-12-08
- … 34 more at https://npm.io/package/k-vue3-comp/versions

## README

# Description

A Simple Components Library For Vue3

# Install

npm i k-vue3-comp

# Use

- Global import

```ts
// main.ts
import { createApp } from "vue";
import App from "./App.vue";
import KUI from "k-vue3-comp";

const app = createApp(App);
app.use(KUI);
app.mount(document.getElementById("app") as HTMLElement);
```

```vue
// App.vue
<template>
  <!-- There will be no type prompt -->
  <BackTop :target="backTopNode" />
</template>

<script setup lang="ts">
import { ref, onMounted } from "vue";

const backTopNode = ref();
onMounted(() => {
  backTopNode.value = document.getElementsByTagName("main")[0];
});
</script>

<style lang="less" scoped></style>
```

- Local import

```vue
// App.vue
<template>
  <BackTop :target="backTopNode" />
</template>

<script setup lang="ts">
import { onMounted, ref } from "vue";
import { BackTop } from "k-vue3-comp";

const backTopNode = ref();
onMounted(() => {
  backTopNode.value = document.getElementsByTagName("main")[0];
});
</script>

<style lang="less" scoped></style>
```

# Menu

    ├─aside                侧边栏
    ├─assets               静态文件
    │ ├─icon               svg图标
    │ └─img                图片
    ├─avatar               头像
    ├─back-top             返回顶部
    ├─button               按钮
    ├─card                 卡片
    ├─checkbox             多选框
    ├─color-picker         颜色选择器
    ├─container            布局容器
    ├─counter              计数器
    ├─dialog               对话框
    ├─empty                空状态
    ├─fold-panel           折叠面板
    │ └─fold-panel-item    折叠面板项
    ├─footer               页脚
    ├─form                 表单
    │ └─form-item          表单项
    ├─header               页眉
    ├─input                输入框
    ├─lazy-load-img        懒加载图片
    ├─loading              加载中
    ├─main                 主体
    ├─menu                 菜单栏
    │ ├─menu-item          菜单项
    │ └─sub-menu           二级菜单
    ├─pagination           分页
    ├─popup                弹窗
    ├─progress             进度条
    ├─radio                单选框
    ├─select               下拉框
    ├─skeleton             骨架屏
    ├─slide-show           幻灯片
    ├─slider               滑块
    ├─switch               开关
    ├─table                表格
    ├─tip                  提示
    └─upload               上传
    index.d.ts             声明文件
    index.ts               组件导出入口
    package.json           依赖项及版本
    README.md              说明

---
_Source: https://npm.io/package/k-vue3-comp · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._