Fix #3144

vuejs · Oct 7, 2021 · cd3b244 · cd3b244
1 parent 0df3ad4
commit cd3b244
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/server/src/modes/template/services/vuePropValidation.ts b/server/src/modes/template/services/vuePropValidation.ts
@@ -54,8 +54,12 @@ function generateDiagnostic(
   document: TextDocument,
   vueVersion: VueVersion
 ): Diagnostic | undefined {
-  // Ignore diagnostic when have `v-bind`, `v-bind:[key]`, `:[key]`
-  if (n.attributeNames.some(prop => prop === 'v-bind' || prop.startsWith('v-bind:[') || prop.startsWith(':['))) {
+  // Ignore diagnostic when have `v-bind`, `v-bind:[key]`, `:[key]`, `v-bind.sync`
+  if (
+    n.attributeNames.some(
+      prop => prop === 'v-bind' || prop.startsWith('v-bind:[') || prop.startsWith(':[') || prop.startsWith('v-bind.')
+    )
+  ) {
     return undefined;
   }
 

diff --git a/test/interpolation/fixture/diagnostics/propsValidation/pass-parent.vue b/test/interpolation/fixture/diagnostics/propsValidation/pass-parent.vue
@@ -6,6 +6,7 @@
     <class-child v-bind="{}" />
     <class-child v-bind:[bar]="{}" />
     <class-child :[bar]="{}" />
+    <class-child v-bind.sync="foo" />
     <class-child v-model="foo" :foo="foo" :bar="1" ear="ear" far="far" name="name" />
   </div>
 </template>