# vue-barcode-free

> Bar code component for Vue.js.

Latest version **0.0.2** (published 2020-08-06) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-barcode-free
pnpm add vue-barcode-free
yarn add vue-barcode-free
bun add vue-barcode-free
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.2 |
| Published | 2020-08-06 |
| First published | 2020-08-06 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 1.2 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 212 |
| Author | Chen Fengyuan |
| Maintainers | huoxiangdong |
| Keywords | barcode, bar code, vue-component, html, css, javascript, front-end, web |

## Links

- npm: https://www.npmjs.com/package/vue-barcode-free
- Repository: https://github.com/fengyuanchen/vue-barcode
- Homepage: https://fengyuanchen.github.io/vue-barcode
- Issues: https://github.com/fengyuanchen/vue-barcode/issues
- npm.io page: https://npm.io/package/vue-barcode-free

## Dependencies (1)

- [jsbarcode](https://npm.io/package/jsbarcode.md) ^3.11.0

## Alternatives

- [@tsparticles/shape-image](https://npm.io/package/@tsparticles/shape-image.md) — 303.7K weekly downloads
- [@tsparticles/shape-line](https://npm.io/package/@tsparticles/shape-line.md) — 233.7K weekly downloads
- [stringify-attributes](https://npm.io/package/stringify-attributes.md) — 58.6K weekly downloads
- [mobile-drag-drop](https://npm.io/package/mobile-drag-drop.md) — 46.3K weekly downloads
- [@comunica/actor-rdf-parse-html](https://npm.io/package/@comunica/actor-rdf-parse-html.md) — 29.2K weekly downloads

## Recent versions

- 0.0.2 (latest) — 2020-08-06
- 0.0.1 — 2020-08-06

## README

# vue-barcode

[![Build Status](https://img.shields.io/travis/fengyuanchen/vue-barcode.svg)](https://travis-ci.org/fengyuanchen/vue-barcode) [![Coverage Status](https://img.shields.io/codecov/c/github/fengyuanchen/vue-barcode.svg)](https://codecov.io/gh/fengyuanchen/vue-barcode) [![Downloads](https://img.shields.io/npm/dm/@chenfengyuan/vue-barcode.svg)](https://www.npmjs.com/package/@chenfengyuan/vue-barcode) [![Version](https://img.shields.io/npm/v/@chenfengyuan/vue-barcode.svg)](https://www.npmjs.com/package/@chenfengyuan/vue-barcode) [![Dependencies](https://img.shields.io/david/fengyuanchen/vue-barcode.svg)](https://www.npmjs.com/package/@chenfengyuan/vue-barcode)

> Bar code component for [Vue.js](https://vuejs.org/), bases on [JsBarcode](https://github.com/lindell/JsBarcode).

- [Website](https://fengyuanchen.github.io/vue-barcode)

## Table of contents

- [Main](#main)
- [Getting started](#getting-started)
- [Props](#props)
- [Browser support](#browser-support)
- [Versioning](#versioning)
- [License](#license)

## Main

```text
dist/
├── vue-barcode.js        (UMD)
├── vue-barcode.min.js    (UMD, compressed)
├── vue-barcode.common.js (CommonJS)
└── vue-barcode.esm.js    (ES Module)
```

## Getting started

### Install

```shell
npm install @chenfengyuan/vue-barcode vue
```

In browser:

```html
<script src="/path/to/vue.js"></script>
<script src="/path/to/vue-barcode.js"></script>
<script>Vue.component(VueBarcode.name, VueBarcode);</script>
```

### Usage

```js
import Vue from 'vue';
import VueBarcode from '@chenfengyuan/vue-barcode';

Vue.component(VueBarcode.name, VueBarcode);
```

```html
<barcode value="Hello, World!" :options="{ displayValue: false }"></barcode>
```

[⬆ back to top](#table-of-contents)

## Props

### value

- Type: `String`

The value of the bar code.

### options

- Type: `Object`

The options for the bar code generator. References the [JsBarcode's options](https://github.com/lindell/JsBarcode#options).

### tag

- Type: `String`
- Default: `'canvas'`
- Options: `'canvas'`, `'svg'` and `'img'`

The tag name of the component's root element.

## Browser support

- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Opera (latest)
- Edge (latest)
- Internet Explorer 9+

## Versioning

Maintained under the [Semantic Versioning guidelines](https://semver.org/).

## License

[MIT](https://opensource.org/licenses/MIT) © [Chen Fengyuan](https://chenfengyuan.com/)

[⬆ back to top](#table-of-contents)

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