qrcode.vue 3.3.4 → 3.4.1

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [3.4.1] - 2023-08-05
+
+### BUGFIX
+
+- Fixed TypeScript type export error.
+
+## [3.4.0] - 2023-04-15
+
+### Performance
+
+- remove `qr.js` dependency, use `nayuki/QR-Code-generator` instead.
+
 ## [3.3.1] - 2021-09-11
 
 ### BUGFIX

package/README-zh_cn.md

@@ -67,6 +67,22 @@ createApp({
 </script>
 ```
 
+在 Vue 3 中配合 `TypeScript` 使用：
+
+```html
+<template>
+  <qrcode-vue :value="value" :level="level" :render-as="renderAs" />
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue'
+  import QrcodeVue, { Level, RenderAs } from 'qrcode.vue'
+  
+  const value = ref<String>('qrcode')
+  const level = ref<Level>('M')
+  const renderAs = ref<RenderAs>('svg')
+</script>
+
 ## Component props
 
 ### `value`

package/README.md

@@ -69,6 +69,22 @@ Or single-file components with a `*.vue` extension:
 </script>
 ```
 
+When you use the component with Vue 3 with `TypeScript`:
+
+```html
+<template>
+  <qrcode-vue :value="value" :level="level" :render-as="renderAs" />
+</template>
+<script setup lang="ts">
+  import { ref } from 'vue'
+  import QrcodeVue, { Level, RenderAs } from 'qrcode.vue'
+
+  const value = ref('qrcode')
+  const level = ref<Level>('M')
+  const renderAs = ref<RenderAs>('svg')
+</script>
+```
+
 ## Component props
 
 ### `value`

package/dist/index.d.ts

@@ -1,80 +1,81 @@
-import { PropType } from 'vue';
-type Level = 'L' | 'M' | 'Q' | 'H';
-declare const QrcodeVue: import("vue").DefineComponent<{
-    renderAs: {
-        type: PropType<"canvas" | "svg">;
-        required: boolean;
-        default: string;
-        validator: (as: any) => boolean;
-    };
-    value: {
-        type: StringConstructor;
-        required: boolean;
-        default: string;
-    };
-    size: {
-        type: NumberConstructor;
-        default: number;
-    };
-    level: {
-        type: PropType<Level>;
-        default: string;
-        validator: (l: any) => boolean;
-    };
-    background: {
-        type: StringConstructor;
-        default: string;
-    };
-    foreground: {
-        type: StringConstructor;
-        default: string;
-    };
-    margin: {
-        type: NumberConstructor;
-        required: boolean;
-        default: number;
-    };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    renderAs: {
-        type: PropType<"canvas" | "svg">;
-        required: boolean;
-        default: string;
-        validator: (as: any) => boolean;
-    };
-    value: {
-        type: StringConstructor;
-        required: boolean;
-        default: string;
-    };
-    size: {
-        type: NumberConstructor;
-        default: number;
-    };
-    level: {
-        type: PropType<Level>;
-        default: string;
-        validator: (l: any) => boolean;
-    };
-    background: {
-        type: StringConstructor;
-        default: string;
-    };
-    foreground: {
-        type: StringConstructor;
-        default: string;
-    };
-    margin: {
-        type: NumberConstructor;
-        required: boolean;
-        default: number;
-    };
-}>>, {
-    value: string;
-    size: number;
-    level: Level;
-    background: string;
-    foreground: string;
-    margin: number;
-    renderAs: "canvas" | "svg";
-}>;
-export default QrcodeVue;
+import { PropType } from 'vue';
+export type Level = 'L' | 'M' | 'Q' | 'H';
+export type RenderAs = 'canvas' | 'svg';
+declare const QrcodeVue: import("vue").DefineComponent<{
+    renderAs: {
+        type: PropType<RenderAs>;
+        required: boolean;
+        default: string;
+        validator: (as: any) => boolean;
+    };
+    value: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    level: {
+        type: PropType<Level>;
+        default: string;
+        validator: (l: any) => boolean;
+    };
+    background: {
+        type: StringConstructor;
+        default: string;
+    };
+    foreground: {
+        type: StringConstructor;
+        default: string;
+    };
+    margin: {
+        type: NumberConstructor;
+        required: boolean;
+        default: number;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    renderAs: {
+        type: PropType<RenderAs>;
+        required: boolean;
+        default: string;
+        validator: (as: any) => boolean;
+    };
+    value: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    level: {
+        type: PropType<Level>;
+        default: string;
+        validator: (l: any) => boolean;
+    };
+    background: {
+        type: StringConstructor;
+        default: string;
+    };
+    foreground: {
+        type: StringConstructor;
+        default: string;
+    };
+    margin: {
+        type: NumberConstructor;
+        required: boolean;
+        default: number;
+    };
+}>>, {
+    value: string;
+    size: number;
+    level: Level;
+    background: string;
+    foreground: string;
+    margin: number;
+    renderAs: RenderAs;
+}, {}>;
+export default QrcodeVue;