# web3-vue-demo

> Wei Design - A Vue.js 3 UI library, web3-vue-demo

Latest version **0.1.0** (published 2024-03-22) · ISC license · 0 weekly downloads

## Install

```sh
npm install web3-vue-demo
pnpm add web3-vue-demo
yarn add web3-vue-demo
bun add web3-vue-demo
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2024-03-22 |
| First published | 2024-03-22 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=16.0.0 |
| Dependencies | 23 |
| Unpacked size | 42.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 32 |
| Maintainers | heimi2233 |
| Keywords | web3-vue-demo, wei design, vue, vue3, vite, vite3, Vue.js 3 UI library, Wei Design - A Vue.js 3 UI library, javascript |

## Links

- npm: https://www.npmjs.com/package/web3-vue-demo
- Repository: https://github.com/wei-design/web-vue
- Homepage: https://wei-design.github.io/web-vue/
- Issues: https://github.com/wei-design/web-vue/issues
- npm.io page: https://npm.io/package/web3-vue-demo

## Dependencies (23)

- [dayjs](https://npm.io/package/dayjs.md) ^1.11.4
- [@types/ws](https://npm.io/package/@types/ws.md) ^8.5.10
- [@types/mime](https://npm.io/package/@types/mime.md) ^3.0.4
- [@types/send](https://npm.io/package/@types/send.md) ^0.17.4
- [@types/retry](https://npm.io/package/@types/retry.md) ^0.12.5
- [@types/eslint](https://npm.io/package/@types/eslint.md) ^8.56.6
- [@types/estree](https://npm.io/package/@types/estree.md) ^1.0.5
- [@types/sockjs](https://npm.io/package/@types/sockjs.md) ^0.3.36
- [web3-vue-demo](https://npm.io/package/web3-vue-demo.md) ^1.0.0
- [@types/bonjour](https://npm.io/package/@types/bonjour.md) ^3.5.13
- [@types/connect](https://npm.io/package/@types/connect.md) ^3.4.38
- [@types/express](https://npm.io/package/@types/express.md) ^4.17.21
- [@types/http-proxy](https://npm.io/package/@types/http-proxy.md) ^1.17.14
- [@types/node-forge](https://npm.io/package/@types/node-forge.md) ^1.3.11
- [@types/body-parser](https://npm.io/package/@types/body-parser.md) ^1.19.5
- [@types/http-errors](https://npm.io/package/@types/http-errors.md) ^2.0.4
- [@types/serve-index](https://npm.io/package/@types/serve-index.md) ^1.9.4
- [@types/eslint-scope](https://npm.io/package/@types/eslint-scope.md) ^3.7.7
- [@types/range-parser](https://npm.io/package/@types/range-parser.md) ^1.2.7
- [@types/serve-static](https://npm.io/package/@types/serve-static.md) ^1.15.5
- [@types/html-minifier-terser](https://npm.io/package/@types/html-minifier-terser.md) ^7.0.2
- [@types/express-serve-static-core](https://npm.io/package/@types/express-serve-static-core.md) ^4.17.43
- [@types/connect-history-api-fallback](https://npm.io/package/@types/connect-history-api-fallback.md) ^1.5.4

## Alternatives

- [raw-loader](https://npm.io/package/raw-loader.md) — 4.3M weekly downloads
- [plop](https://npm.io/package/plop.md) — 1.4M weekly downloads
- [webpack-deadcode-plugin](https://npm.io/package/webpack-deadcode-plugin.md) — 80.3K weekly downloads
- [@storybook/preact-vite](https://npm.io/package/@storybook/preact-vite.md) — 54.2K weekly downloads
- [vite-plugin-transform](https://npm.io/package/vite-plugin-transform.md) — 2.4K weekly downloads

## Recent versions

- 0.1.0 (latest) — 2024-03-22
- 1.0.0 — 2024-03-22

## README

# @wei-design/web-vue

A Vue.js 3 UI library

[![commitizen](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli)
[![web-vue](https://img.shields.io/npm/v/@wei-design/web-vue.svg?style=flat-square)](https://www.npmjs.org/package/@wei-design/web-vue)
[![web-vue](https://img.shields.io/npm/dt/@wei-design/web-vue)](https://www.npmjs.org/package/@wei-design/web-vue)
![](https://img.shields.io/github/stars/wei-design/web-vue#crop=0&crop=0&crop=1&crop=1&id=o8sRG&originHeight=20&originWidth=54&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=)

---

- 🔭 [Vite](https://vitejs.dev)
- 💪 [Vue3](https://vuejs.org)
- 🔥 TypeScript

[快速开始](https://wei-design.github.io/web-vue/)

## 安装

node：>=18.0.0

### npm

这里推荐`pnpm`进行安装

```sh
pnpm install @wei-design/web-vue --save
```

### cdn

#### unpkg

[资源浏览](https://unpkg.com/@wei-design/web-vue/)

```html
<link
    rel="stylesheet"
    href="//unpkg.com/@wei-design/web-vue/lib/style.css"
/>
<script src="//unpkg.com/@wei-design/web-vue"></script>
```

#### jsdelivr

[资源浏览](https://cdn.jsdelivr.net/npm/@wei-design/web-vue/)

```html
<link
    rel="stylesheet"
    href="//cdn.jsdelivr.net/npm/@wei-design/web-vue/lib/style.css"
/>
<script src="//cdn.jsdelivr.net/npm/@wei-design/web-vue"></script>
```

## 使用

### 全局引入

在`main.js`中

```js
import { createApp } from 'vue';
import App from './App.vue';
// 完整引入组件库
import WeDesign from '@wei-design/web-vue';

const app = createApp(App);
// 全局安装
app.use(WeDesign).mount('#app');
```

组件当中

```vue
<WeButton :loading="true">按钮组件</WeButton>
```

### 按需引入

`main.js`中

```js
import { createApp } from 'vue';
import App from './App.vue';
// 按需引入
import { Button } from '@wei-design/web-vue';

const app = createApp(App);

app.use(Button).mount('#app');
```

组件当中

```vue
<WeButton :loading="true">按钮组件</WeButton>
```

---

## 版本记录

[版本记录](CHANGELOG.md)

有问题欢迎issue...

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