Fixed false positives for watch with properties in vue/no-unused-properties rule. (#1169)

Author: ota-meshi

lib/rules/no-unused-properties.js

@@ -433,7 +433,11 @@ module.exports = {
             node,
             new Set([GROUP_WATCHER])
           )) {
-            watcherNames.add(watcher.name)
+            let path
+            for (const seg of watcher.name.split('.')) {
+              path = path ? `${path}.${seg}` : seg
+              watcherNames.add(path)
+            }
           }
           for (const prop of utils.iterateProperties(node, groups)) {
             if (watcherNames.has(prop.name)) {

tests/lib/rules/no-unused-properties.js

@@ -248,6 +248,21 @@ tester.run('no-unused-properties', rule, {
       `,
       options: allOptions
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['foo'],
+            watch: {
+              'foo.bar'() {
+                alert('Increased!');
+              },
+            },
+          };
+        </script>
+      `
+    },
 
     // data used as a template identifier
     {