fix(qrcode): example code, add keywords field in packages.json

Author: JounQin

CHANGELOG.md

@@ -1,6 +1,7 @@
-# CHANGELOG
+# Change Logs
 
-All notable changes to this project will be documented in this file.
+All notable changes to this project will be documented in the following files.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+- [vue-qrcode](./packages/vue-qrcode/CHANGELOG.md)
 - [vue-qrious](./packages/vue-qrious/CHANGELOG.md)

package.json

@@ -79,7 +79,7 @@
     "vue-qrious": "link:packages/vue-qrious/src"
   },
   "alias": {
-    "vue": "./node_modules/vue/dist/vue.esm.js"
+    "vue": "./node_modules/vue/dist/vue.esm"
   },
   "babel": {
     "presets": [

packages/vue-qrcode/README.md

@@ -6,7 +6,7 @@
 
 ```vue
 <template>
-  <qrious value="https://www.1stg.me" />
+  <qrcode value="https://www.1stg.me" />
 </template>
 <script>
 import Qrcode from 'vue-qrcode'
@@ -21,7 +21,7 @@ export default {
 
 ## Available Props
 
-| prop                   | type                                                               | default value                               |
+| prop                   | type (range)                                                       | default value                               |
 | ---------------------- | ------------------------------------------------------------------ | ------------------------------------------- |
 | `version`              | `number` (1-40)                                                    | N/A                                         |
 | `errorCorrectionLevel` | `String` ('low', 'medium', 'quartile', 'high', 'L', 'M', 'Q', 'H') | `'M'`                                       |
@@ -31,6 +31,6 @@ export default {
 | `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'`                               |
+| `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                                         |

packages/vue-qrcode/package.json

@@ -17,6 +17,11 @@
     "lib",
     "src"
   ],
+  "keywords": [
+    "vue-qrcode",
+    "qrcode",
+    "vue"
+  ],
   "peerDependencies": {
     "qrcode": "^1.0.0",
     "vue": "^2.0.0"

packages/vue-qrious/README.md

@@ -21,7 +21,7 @@ export default {
 
 ## Available Props
 
-| prop              | type                                 | default value |
+| prop              | type (range)                         | default value |
 | ----------------- | ------------------------------------ | ------------- |
 | `background`      | `string` (CSS color)                 | `"#ffffff"`   |
 | `backgroundAlpha` | `number` (0.1-1.0)                   | `1.0`         |

packages/vue-qrious/package.json

@@ -19,6 +19,13 @@
     "qrious.d.ts",
     "typings.d.ts"
   ],
+  "keywords": [
+    "vue-qrcode",
+    "vue-qrious",
+    "qrcode",
+    "qrious",
+    "vue"
+  ],
   "peerDependencies": {
     "qrious": "^4.0.0",
     "vue": "^2.0.0"