npmpackage.info

vue-qrcode

Make Vue greater with RxTS.

2.2.2

284

MIT

TypeScript

826.00 B

1,774,723 3.2

Installations

npm install vue-qrcode

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Node Version

20.11.0

NPM Version

10.2.4 Score

73.2

Supply Chain

98.5

Quality

77.5

Maintenance

100

Vulnerability

99.3

License

Pull Requests

Open

10

Total

166

Closed

79

Merged

77

Issues

Open

3

Total

24

Closed

21

Releases

vue-qrcode@2.2.2

Published on 28 Jan 2024

vue-qrcode@2.2.1

Published on 24 Jan 2024

vue-resizor@0.1.0

Published on 24 Jan 2024

vue-qrious@3.1.1

Published on 24 Jan 2024

vue-qrious@3.1.0

Published on 18 Sept 2022

vue-qrcode@2.2.0

Published on 18 Sept 2022

View all 52 releases

Contributors

Unable to fetch Contributors

View all 5 contributors

Languages

TypeScript

Vue

Less

JavaScript

TypeScript (61.89%)

Vue (35.05%)

Less (2.5%)

JavaScript (0.56%)

Developer

rx-ts

Download Statistics

Total Downloads

1,774,723

Last Day

1,900

Last Week

9,486

Last Month

46,331

Last Year

509,377

GitHub Statistics

284 Stars

91 Commits

54 Forks

8 Watching

12 Branches

5 Contributors

Bundle Size

1.59 kB

Minified

826.00 B

Minified + Gzipped

Bundlephobia

Sponsor this package

https://opencollective.com/rxts

Maintainers

Package Meta Information

Latest Version

2.2.2

Package Id

vue-qrcode@2.2.2

Unpacked Size

22.35 kB

Size

4.84 kB

File Count

NPM Version

10.2.4

Node Version

20.11.0

Publised On

28 Jan 2024

Total Downloads

Cumulative downloads

Total Downloads

1,774,723

Last day

-25.2%

1,900

Compared to previous day

Last week

-20%

9,486

Compared to previous week

Last month

9.6%

46,331

Compared to previous month

Last year

10.7%

509,377

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

tslib

Peer Dependencies

qrcode vue

Versions

VueQrcode

🤳 A Vue component for QR code generation with qrcode

Demo

Usage

1<template>
2  <vue-qrcode
3    value="https://www.1stg.me"
4    @change="onDataUrlChange"
5  />
6</template>
7<script>
8import VueQrcode from 'vue-qrcode'
9
10export default {
11  data() {
12    return {
13      dataUrl: null,
14    }
15  },
16  components: {
17    VueQrcode,
18  },
19  methods: {
20    onDataUrlChange(dataUrl) {
21      this.dataUrl = dataUrl
22    },
23  },
24}
25</script>

Available Props

prop	type (range)	default value
`version`	`number` (1-40)	N/A
`errorCorrectionLevel`	`String` ('low', 'medium', 'quartile', 'high', 'L', 'M', 'Q', 'H')	`'M'`
`maskPattern`	`number` (0-7)	N/A
`toSJISFunc`	`Function`	N/A
`margin`	`number`	`4`
`scale`	`number`	`4`
`width`	`number`	N/A
`color`	`{ dark: string; light:string }`	`{ dark: '#000000ff', light: '#ffffffff' }`
`type`	`string` ('image/png', 'image/jpeg', 'image/webp')	`'image/png'`
`quality`	`number`(0-1)	`0.92`
`value`	`string \|Array<{ data: string; mode?: string }>`	N/A

Available Events

event	type
change	`dataUrl: string`

Backers

1stG	RxTS	UnTS

Changelog

Detailed changes for each release are documented in CHANGELOG.md.

License

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

License

Determines if the project has defined a license.

7

SAST

Determines if the project uses static code analysis.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/rx-ts/vue/ci.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/rx-ts/vue/ci.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:36: update your workflow using https://app.stepsecurity.io/secureworkflow/rx-ts/vue/ci.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:30: update your workflow using https://app.stepsecurity.io/secureworkflow/rx-ts/vue/codeql.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:33: update your workflow using https://app.stepsecurity.io/secureworkflow/rx-ts/vue/codeql.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:39: update your workflow using https://app.stepsecurity.io/secureworkflow/rx-ts/vue/codeql.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:42: update your workflow using https://app.stepsecurity.io/secureworkflow/rx-ts/vue/codeql.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/pkg-size.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/rx-ts/vue/pkg-size.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/pkg-size.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/rx-ts/vue/pkg-size.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/pkg-size.yml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/rx-ts/vue/pkg-size.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/rx-ts/vue/release.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/rx-ts/vue/release.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/release.yml:30: update your workflow using https://app.stepsecurity.io/secureworkflow/rx-ts/vue/release.yml/master?enable=pin
Info: 0 out of 10 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 3 third-party GitHubAction dependencies pinned

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

3.2

/10

Last Scanned on 2025-01-27

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to vue-qrcode

@chenfengyuan/vue-qrcode

2.0.0

QR code component for Vue 3.

vue-qr

4.0.9

The Vue 2.x component of Awesome-qr.js

vue-qrcode-reader

5.7.0

A set of Vue.js components for detecting and decoding QR codes.

@xkeshi/vue-qrcode

1.0.0

Qrcode component for Vue.js.

vue-qrcode

Installations

Developer Guide

Yes

ESM

20.11.0

10.2.4

Score

Pull Requests

10

166

79

77

Issues

3

24

21

Releases

Contributors

Unable to fetch Contributors

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

1.59 kB

826.00 B

Sponsor this package

Maintainers

Package Meta Information

Total Downloads

1,774,723

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

VueQrcode

TOC

Demo

Usage

Available Props

Available Events

Sponsors

Backers

Changelog

License

10

10

10

7

0

0

0

0

0

0

0

0

3.2

/10

Other packages similar to vue-qrcode