From 8a59a061b0fad47ef25b0c14ddbb4ebe431609ff Mon Sep 17 00:00:00 2001
From: Pine Wu <octref@gmail.com>
Date: Sun, 6 Sep 2020 17:06:45 +0800
Subject: [PATCH] Fix #2249

---
 CHANGELOG.md                          | 1 +
 package.json                          | 5 +++++
 server/src/config.ts                  | 2 ++
 server/src/modes/template/htmlMode.ts | 8 +++++---
 4 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 60d156afe7..6f63bc2b38 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,7 @@
 
 ### 0.27.2
 
+- Add a config `vetur.validation.props` to toggle props validation. Default to false. #2249.
 - 🙌 Add HTML folding. Thanks to contribution from [@yoyo930021](https://github.com/yoyo930021). #2234 and #2244.
 - 🙌 Fix array get error type in v-for. Thanks to contribution from [@yoyo930021](https://github.com/yoyo930021). #1790 and #2248.
 - 🙌 Fix corner case and add v-model support when prop validation. Thanks to contribution from [@yoyo930021](https://github.com/yoyo930021). #2241.
diff --git a/package.json b/package.json
index de4920f8f9..82ce151af3 100644
--- a/package.json
+++ b/package.json
@@ -246,6 +246,11 @@
           "default": true,
           "description": "Validate vue-html in <template> using eslint-plugin-vue"
         },
+        "vetur.validation.templateProps": {
+          "type": "boolean",
+          "default": false,
+          "description": "Validate props usage in <template> region. Show error/warning for not passing declared props to child components."
+        },
         "vetur.validation.interpolation": {
           "type": "boolean",
           "default": true,
diff --git a/server/src/config.ts b/server/src/config.ts
index 8f01cc4b1c..908b6f492b 100644
--- a/server/src/config.ts
+++ b/server/src/config.ts
@@ -30,6 +30,7 @@ export interface VLSConfig {
     };
     validation: {
       template: boolean;
+      templateProps: boolean;
       interpolation: boolean;
       style: boolean;
       script: boolean;
@@ -79,6 +80,7 @@ export function getDefaultVLSConfig(): VLSFullConfig {
       useWorkspaceDependencies: false,
       validation: {
         template: true,
+        templateProps: false,
         interpolation: true,
         style: true,
         script: true
diff --git a/server/src/modes/template/htmlMode.ts b/server/src/modes/template/htmlMode.ts
index 45fe8143dc..f920509bf7 100644
--- a/server/src/modes/template/htmlMode.ts
+++ b/server/src/modes/template/htmlMode.ts
@@ -63,9 +63,11 @@ export class HTMLMode implements LanguageMode {
   doValidation(document: TextDocument) {
     const diagnostics = [];
 
-    const info = this.vueInfoService ? this.vueInfoService.getInfo(document) : undefined;
-    if (info && info.componentInfo.childComponents) {
-      diagnostics.push(...doPropValidation(document, this.vueDocuments.refreshAndGet(document), info));
+    if (this.config.vetur.validation.templateProps) {
+      const info = this.vueInfoService ? this.vueInfoService.getInfo(document) : undefined;
+      if (info && info.componentInfo.childComponents) {
+        diagnostics.push(...doPropValidation(document, this.vueDocuments.refreshAndGet(document), info));
+      }
     }
 
     if (this.config.vetur.validation.template) {