vue-qrcode-image - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

dist/vue-qrcode-image.js

@@ -1,4 +0,4 @@
-import { defineComponent as a, ref as c, watch as m, openBlock as s, createElementBlock as i, mergeProps as p } from "vue";
-import { Encoder as u } from "@nuintun/qrcode";
-const l = ["src"], _ = /* @__PURE__ */ a({
+import { defineComponent as a, ref as s, watch as m, openBlock as d, createElementBlock as u, mergeProps as i } from "vue";
+import { Encoder as g, Byte as p } from "@nuintun/qrcode";
+const f = ["src"], k = /* @__PURE__ */ a({
   __name: "QrcodeImage",
@@ -8,20 +8,26 @@ props: {
     size: {},
-    margin: {}
+    margin: {},
+    foreground: {},
+    background: {}
   },
   setup(n) {
-    const r = n, o = c();
+    const e = n, o = s();
     return m(
-      () => r.value,
-      (e) => {
-        if (e) {
-          const t = new u();
-          t.write(e).make(), o.value = t.toDataURL(r.size, r.margin);
+      () => e.value,
+      (r) => {
+        if (r) {
+          const t = new g().encode(new p(r));
+          o.value = t.toDataURL(e.size || 6, {
+            margin: e.margin || 24,
+            foreground: e.foreground,
+            background: e.background
+          });
         }
       },
       { immediate: !0 }
-    ), (e, t) => (s(), i("img", p(e.$attrs, { src: o.value }), null, 16, l));
+    ), (r, c) => (d(), u("img", i(r.$attrs, { src: o.value }), null, 16, f));
   }
 });
 export {
-  _ as default
+  k as default
 };

package.json

 {
   "name": "vue-qrcode-image",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "A Vue component for QR code generation.",
   "main": "./dist/vue-qrcode-image.cjs",
   "module": "./dist/vue-qrcode-image.js",
-  "types": "./dist/vue-qrcode-image.d.ts",
+  "types": "./dist/src/vue-qrcode-image.d.ts",
   "type": "module",
@@ -14,4 +14,10 @@ "files": [
     ".": {
-      "import": "./dist/vue-qrcode-image.js",
-      "require": "./dist/vue-qrcode-image.cjs"
+      "import": {
+        "types": "./dist/src/vue-qrcode-image.d.ts",
+        "default": "./dist/vue-qrcode-image.js"
+      },
+      "require": {
+        "types": "./dist/src/vue-qrcode-image.d.ts",
+        "default": "./dist/vue-qrcode-image.cjs"
+      }
     }
@@ -21,3 +27,3 @@ },
     "build": "vite build",
-    "unit": "vitest --run --coverage"
+    "test": "vitest --run --coverage"
   },
@@ -41,15 +47,16 @@ "repository": {
   "dependencies": {
-    "@nuintun/qrcode": "^3.3.5"
+    "@nuintun/qrcode": "^4.1.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitest/coverage-v8": "^0.32.4",
-    "@vue/test-utils": "^2.4.0",
-    "happy-dom": "^10.0.3",
-    "typescript": "^5.1.6",
-    "vite": "^4.3.9",
-    "vite-plugin-dts": "^2.3.0",
-    "vitest": "^0.32.4",
-    "vue": "^3.3.4"
+    "@types/node": "^20.11.28",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitest/coverage-v8": "^1.4.0",
+    "@vue/test-utils": "^2.4.5",
+    "happy-dom": "^13.8.6",
+    "typescript": "^5.4.2",
+    "vite": "^5.1.6",
+    "vite-plugin-dts": "^3.7.3",
+    "vitest": "^1.4.0",
+    "vue": "^3.4.21"
   }
 }

README.md

@@ -39,6 +39,6 @@ # vue-qrcode-image
 - Type: `number`
-- Default: `2`
+- Default: `6`
 
 ```html
-<QrcodeImage :value="qrcode" :size="4" />
+<QrcodeImage :value="qrcode" :size="5" />
 ```
@@ -49,6 +49,24 @@
 - Type: `number`
-- Default: `8`
+- Default: `24`
 
 ```html
-<QrcodeImage :value="qrcode" :margin="6" />
+<QrcodeImage :value="qrcode" :margin="18" />
 ```
+
+### Foreground
+
+- Type: `[R: number, G: number, B: number]`
+- Default: `[0, 0, 0]`
+
+```html
+<QrcodeImage :value="qrcode" :foreground="[99, 102, 241]" />
+```
+
+### Background
+
+- Type: `[R: number, G: number, B: number]`
+- Default: `[255, 255, 255]`
+
+```html
+<QrcodeImage :value="qrcode" :background="[99, 102, 241]" />
+```

New alerts

AI-detected possible typosquat

Supply chain risk

AI has identified this package as a potential typosquat of a more popular package. This suggests that the package may be intentionally mimicking another package's name, description, or other metadata.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

6113

increased by18.22%

Number of package files

8

increased by14.29%

Lines of code

62

increased by6.9%

Number of lines in readme file

71

increased by33.96%

Worsened metrics

Dev dependency count

10

increased by11.11%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@nuintun/qrcode@4.1.13(transitive)

• - Removed@nuintun/qrcode@3.4.0(transitive)

• Updated@nuintun/qrcode@^4.1.0