update vue3 sample and readme;

Cube-J · Cube-J · commit 14b93d9ce8d4 · 2023-03-14T15:20:11.000+08:00
diff --git a/1.hello-world/5.read-video-vue/README.md b/1.hello-world/5.read-video-vue/README.md
@@ -9,7 +9,7 @@
 
 ## Preparation
 
-Make sure you have [node](https://nodejs.org/) is installed. `node 14.21.3` and `vue 2.7.7` are used in the example below. 
+Make sure you have [node](https://nodejs.org/) installed. `node 14.21.3` and `vue 2.7.7` are used in the example below. 
 
 ## Create the sample project
 
@@ -22,6 +22,7 @@ npm create vue@2
 ### **CD** to the root directory of the application and install the dependencies
 
 ```cmd
+npm install
 npm install dynamsoft-javascript-barcode
 ```
 
diff --git a/1.hello-world/6.read-video-vue3/README.md b/1.hello-world/6.read-video-vue3/README.md
diff --git a/1.hello-world/6.read-video-vue3/index.html b/1.hello-world/6.read-video-vue3/index.html
@@ -4,7 +4,12 @@
     <meta charset="UTF-8">
     <link rel="icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vite App</title>
+    <meta name="description" content="Read barcodes from camera with Dynamsoft Barcode Reader in a Vue3 Application.">
+    <meta name="keywords" content="read barcode from camera in Vue3">
+    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/1.hello-world/6.read-video-vue3/dist/">
+    <title>
+        Hello World for Vue3 - Dynamsoft Barcode Reader Sample
+    </title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/1.hello-world/6.read-video-vue3/package.json b/1.hello-world/6.read-video-vue3/package.json
@@ -10,16 +10,16 @@
     "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "dynamsoft-javascript-barcode": "9.6.10",
-    "vue": "^3.2.45"
+    "dynamsoft-javascript-barcode": "^9.6.11",
+    "vue": "^3.2.47"
   },
   "devDependencies": {
-    "@types/node": "^18.11.12",
+    "@types/node": "^18.14.2",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vue/tsconfig": "^0.1.3",
     "npm-run-all": "^4.1.5",
-    "typescript": "~4.7.4",
-    "vite": "^4.0.0",
-    "vue-tsc": "^1.0.12"
+    "typescript": "~4.8.4",
+    "vite": "^4.1.4",
+    "vue-tsc": "^1.2.0"
   }
 }
diff --git a/1.hello-world/6.read-video-vue3/src/App.vue b/1.hello-world/6.read-video-vue3/src/App.vue
@@ -7,4 +7,4 @@ import HelloWorld from './components/HelloWorld.vue'
 </template>
 
 <style scoped>
-</style>
+</style>
diff --git a/1.hello-world/6.read-video-vue3/src/assets/logo.svg b/1.hello-world/6.read-video-vue3/src/assets/logo.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"  xmlns:v="https://vecta.io/nano"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
diff --git a/1.hello-world/6.read-video-vue3/src/assets/main.css b/1.hello-world/6.read-video-vue3/src/assets/main.css
@@ -1,4 +1,4 @@
-/* @import './base.css';
+@import './base.css';
 
 #app {
   max-width: 1280px;
@@ -15,7 +15,7 @@ a,
   transition: 0.4s;
 }
 
-@media (hover: hover) {
+/* @media (hover: hover) {
   a:hover {
     background-color: hsla(160, 100%, 37%, 0.2);
   }
@@ -33,11 +33,3 @@ a,
     padding: 0 2rem;
   }
 } */
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
-}
diff --git a/1.hello-world/6.read-video-vue3/src/components/ImgDecode.vue b/1.hello-world/6.read-video-vue3/src/components/ImgDecode.vue
@@ -45,4 +45,4 @@ onBeforeUnmount(async () => {
   height: 90%;
   border: 1px solid black
 }
-</style>
+</style>
diff --git a/1.hello-world/6.read-video-vue3/src/dbr.ts b/1.hello-world/6.read-video-vue3/src/dbr.ts
@@ -9,8 +9,8 @@ BarcodeReader.license = 'DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9';
 /** 
  * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
  * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
- * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.6.10&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+ * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.6.11&utm_source=github#specify-the-license or contact support@dynamsoft.com.
  * LICENSE ALERT - THE END 
  */
 
-BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.10/dist/";
+BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/dist/";
diff --git a/1.hello-world/6.read-video-vue3/tsconfig.json b/1.hello-world/6.read-video-vue3/tsconfig.json
@@ -10,7 +10,7 @@
 
   "references": [
     {
-      "path": "./tsconfig.config.json"
+      "path": "./tsconfig.node.json"
     }
   ]
 }
diff --git a/1.hello-world/6.read-video-vue3/tsconfig.node.json b/1.hello-world/6.read-video-vue3/tsconfig.node.json

Original file line number	Diff line number	Diff line change
`@@ -45,4 +45,4 @@ onBeforeUnmount(async () => {`
`45`	`45`	`height: 90%;`
`46`	`46`	`border: 1px solid black`
`47`	`47`	`}`
`48`		`-</style>`
	`48`	`+</style>`
-Original file line number
+Diff line change
 /**
  * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days.
  * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
 - * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.6.10&utm_source=github#specify-the-license or contact [email protected].
 + * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.6.11&utm_source=github#specify-the-license or contact [email protected].
  * LICENSE ALERT - THE END
  */
 -BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/[email protected].10/dist/";
 +BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/[email protected].11/dist/";
Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`
`11`	`11`	`"references": [`
`12`	`12`	`{`
`13`		`- "path": "./tsconfig.config.json"`
	`13`	`+ "path": "./tsconfig.node.json"`
`14`	`14`	`}`
`15`	`15`	`]`
`16`	`16`	`}`