Component data must be a function.

Author: armano2

lib/rules/component-data.js

@@ -20,11 +20,21 @@ function create (context) {
   // ----------------------------------------------------------------------
 
   return Object.assign({},
-    {
-      // give me methods
-    },
     utils.executeOnVueComponent(context, properties => {
-
+      const dataPropertiesNode = properties
+        .filter(p =>
+          p.key.type === 'Identifier' &&
+          p.key.name === 'data' &&
+          p.value.type !== 'FunctionExpression' &&
+          p.value.type !== 'ArrowFunctionExpression'
+        )
+
+      dataPropertiesNode.forEach(cp => {
+        context.report({
+          node: cp.value,
+          message: 'Component `data` must be a function.'
+        })
+      })
     })
   )
 }

tests/lib/rules/component-data.js

@@ -64,7 +64,7 @@ ruleTester.run('component-data', rule, {
               foo: 'bar'
             }
           }
-        })
+        }
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     }
@@ -82,7 +82,8 @@ ruleTester.run('component-data', rule, {
       `,
       parserOptions: { ecmaVersion: 6 },
       errors: [{
-        message: 'Fill me in.'
+        message: 'Component `data` must be a function.',
+        line: 3
       }]
     },
     {
@@ -96,7 +97,8 @@ ruleTester.run('component-data', rule, {
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [{
-        message: 'Fill me in.'
+        message: 'Component `data` must be a function.',
+        line: 3
       }]
     }
   ]