{"id":13468770,"url":"https://github.com/lindell/vue-barcode","last_synced_at":"2025-04-04T21:11:31.450Z","repository":{"id":47571593,"uuid":"84974192","full_name":"lindell/vue-barcode","owner":"lindell","description":"Barcode generator for Vue.js","archived":false,"fork":false,"pushed_at":"2020-09-28T16:50:38.000Z","size":15,"stargazers_count":221,"open_issues_count":15,"forks_count":25,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-03-28T20:11:22.459Z","etag":null,"topics":["barcode","vue","vue2","vuejs2"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lindell.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-03-14T16:49:16.000Z","updated_at":"2025-03-23T08:44:41.000Z","dependencies_parsed_at":"2022-07-25T05:02:03.604Z","dependency_job_id":null,"html_url":"https://github.com/lindell/vue-barcode","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lindell%2Fvue-barcode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lindell%2Fvue-barcode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lindell%2Fvue-barcode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lindell%2Fvue-barcode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lindell","download_url":"https://codeload.github.com/lindell/vue-barcode/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247249534,"owners_count":20908212,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["barcode","vue","vue2","vuejs2"],"created_at":"2024-07-31T15:01:18.762Z","updated_at":"2025-04-04T21:11:31.430Z","avatar_url":"https://github.com/lindell.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# VueBarcode\r\n\r\nAdd barcodes to your Vue application super easily with VueBarcode! [Try it out!](http://jsfiddle.net/hfgan035/13/)\r\n\r\nSupported barcode formats:\r\n`CODE128`\r\n`EAN`\r\n`EAN-13`\r\n`EAN-8`\r\n`EAN-5`\r\n`EAN-2`\r\n`UPC (A)`\r\n`CODE39`\r\n`ITF-14`\r\n`MSI`\r\n`Pharmacode`\r\n`Codabar`\r\n\r\nIt is a light wrapper for the [JsBarcode](https://github.com/lindell/JsBarcode) barcode library.\r\n\r\n## Install\r\n````\r\nnpm install vue-barcode\r\n````\r\n\r\n## Use\r\n#### 1. Add VueBarcode as a component\r\n\r\n````javascript\r\nimport VueBarcode from 'vue-barcode';\r\n\r\nnew Vue({\r\n  components: {\r\n    'barcode': VueBarcode\r\n  }\r\n})\r\n````\r\n#### 2. Use it\r\n\r\n````html\r\n\u003cbarcode value=\"value-to-render\" format=\"barcode-format\" ...more options\u003e\r\n  Show this if the rendering fails.\r\n\u003c/barcode\u003e\r\n````\r\n\r\n## Example\r\nSimple example with input binding. [Try it out with this JsFiddle!](http://jsfiddle.net/hfgan035/4/)\r\n````html\r\n\u003cdiv id=\"app\"\u003e\r\n  \u003cinput v-model=\"barcodeValue\" /\u003e\u003cbr\u003e\r\n  \u003cbarcode v-bind:value=\"barcodeValue\"\u003e\r\n    Show this if the rendering fails.\r\n  \u003c/barcode\u003e\r\n\u003c/div\u003e\r\n````\r\n\r\n````javascript\r\nimport VueBarcode from 'vue-barcode';\r\n\r\nvar app = new Vue({\r\n  el: '#app',\r\n  data: {\r\n    barcodeValue: 'test',\r\n  },\r\n  components: {\r\n    'barcode': VueBarcode\r\n  }\r\n})\r\n````\r\n\r\n# Options\r\nAll options:\r\n\r\n`format`\r\n`width`\r\n`height`\r\n`text`\r\n`font-options`\r\n`font`\r\n`text-align`\r\n`text-position`\r\n`text-margin`\r\n`font-size`\r\n`background`\r\n`lineColor`\r\n`margin`\r\n`margin-top`\r\n`margin-bottom`\r\n`margin-left`\r\n`margin-right`\r\n`display-value`\r\n`ean128`\r\n\r\n\r\nFor more information, see the [JsBarcode documentation](https://github.com/lindell/JsBarcode/wiki/Options).\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flindell%2Fvue-barcode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flindell%2Fvue-barcode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flindell%2Fvue-barcode/lists"}