vue-qrcode-image - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

dist/QrcodeImage.vue.d.ts

@@ -0,23 +1,29 @@
+import type { PropType as __PropType } from 'vue';
 declare const _sfc_main: import("vue").DefineComponent<{
     value: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
     };
     size: {
-        type: NumberConstructor;
+        type: __PropType<number | undefined>;
         required: false;
     };
-}, {
-    props: any;
-    imgSrc: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    margin: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
     };
     size: {
-        type: NumberConstructor;
+        type: __PropType<number | undefined>;
         required: false;
     };
-}>>, {}>;
+    margin: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}>>, {}, {}>;
 export default _sfc_main;

dist/vue-qrcode-image.js

@@ -1,21 +0,22 @@
-import { defineComponent as c, ref as s, watch as a, openBlock as m, createElementBlock as i, mergeProps as l } from "vue";
+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 p = ["src"], _ = /* @__PURE__ */ c({
+const l = ["src"], _ = /* @__PURE__ */ a({
   __name: "QrcodeImage",
   props: {
-    value: null,
-    size: null
+    value: {},
+    size: {},
+    margin: {}
   },
   setup(n) {
-    const t = n, o = s();
-    return a(
-      () => t.value,
+    const r = n, o = c();
+    return m(
+      () => r.value,
       (e) => {
         if (e) {
-          const r = new u();
-          r.write(e).make(), o.value = r.toDataURL(t.size);
+          const t = new u();
+          t.write(e).make(), o.value = t.toDataURL(r.size, r.margin);
         }
       },
       { immediate: !0 }
-    ), (e, r) => (m(), i("img", l(e.$attrs, { src: o.value }), null, 16, p));
+    ), (e, t) => (s(), i("img", p(e.$attrs, { src: o.value }), null, 16, l));
   }
@@ -22,0 +23,0 @@ });

package.json

 {
   "name": "vue-qrcode-image",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A Vue component for QR code generation.",
@@ -20,3 +20,3 @@ "main": "./dist/vue-qrcode-image.cjs",
     "build": "vite build",
-    "test": "vitest --run --coverage"
+    "unit": "vitest --run --coverage"
   },
@@ -40,15 +40,15 @@ "repository": {
   "dependencies": {
-    "@nuintun/qrcode": "^3.3.0"
+    "@nuintun/qrcode": "^3.3.5"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^4.0.0",
-    "@vitest/coverage-c8": "^0.26.3",
-    "@vue/test-utils": "^2.2.6",
-    "happy-dom": "^8.1.1",
-    "typescript": "^4.9.4",
-    "vite": "^4.0.4",
-    "vite-plugin-dts": "^1.7.1",
-    "vitest": "^0.26.3",
-    "vue": "^3.2.45"
+    "@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"
   }
 }

README.md

@@ -38,4 +38,16 @@ # vue-qrcode-image
 
+- Type: `number`
+- Default: `2`
+
 ```html
 <QrcodeImage :value="qrcode" :size="4" />
 ```
+
+### Margin
+
+- Type: `number`
+- Default: `8`
+
+```html
+<QrcodeImage :value="qrcode" :margin="6" />
+```

No alert changes

Improved metrics

Total package byte prevSize

5171

increased by8.61%

Lines of code

58

increased by13.73%

Number of lines in readme file

53

increased by29.27%

Dependency changes

• Updated@nuintun/qrcode@^3.3.5