Add rule max-attributes-per-line (resolves #47)

docs/rules/max-attributes-per-line.md

@@ -0,0 +1,88 @@
+# Define the number of attributes allows per line (max-attributes-per-line)
+
+Limits the maximum number of props per line to improve readability
+
+
+## Rule Details
+
+This rule aims to enforce a number of props per line in templates. It checks all the elements in a template and verifies that the number of props per line does not exceed the defined maximum.
+A prop is considered to be in a new line when there is a line break between two props.
+
+The default is one prop per line
+
+Examples of **incorrect** code for this rule:
+
+```js
+
+<component foo="1" bar="3"></component>
+
+<component foo="1" bar="2"
+  foobar="3"></component>
+
+```
+
+Examples of **correct** code for this rule:
+
+```js
+
+<component
+  foo="1"
+  bar="3"
+>
+</component>
+
+```
+
+### Options
+
+```
+{
+  "vue/max-attributes-per-line": ["error", {
+    "singleline": 2,
+    "multiline": 1
+  }]
+}
+```
+### `singleline`
+Number of maximum number of props when a tag is in a single line.
+
+The following patterns is considered a warning:
+```js
+// ["error", { "singleline": 2, "multiline": 1}]
+<component foo="John" bar="Smith" foobar={5555555}></component>;
+```
+
+The following pattern is not considered a warning:
+```js
+// ["error", { "singleline": 3, "multiline": 1}]
+<component foo="John" bar="Smith" foobar={5555555}></component>;
+```
+
+
+### `multiline`
+Number of maximum number of props when a tag is in a single line.
+
+
+The following patterns is considered a warning:
+```js
+// ["error", { "singleline": 2, "multiline": 1}]
+<component foo="John" bar="Smith"
+  foobar={5555555}>
+</component>;
+```
+
+The following pattern is not considered a warning:
+```js
+// ["error", { "singleline": 3, "multiline": 1}]
+<component
+  foo="John"
+  bar="Smith"
+  foobar={5555555}
+  >
+</component>;
+```
+
+## When Not To Use It
+
+If you do not want to check the number of props declared per line you can disable this rule.
+

lib/rules/max-attributes-per-line.js

@@ -0,0 +1,44 @@
+/**
+ * @fileoverview Define the number of attributes allows per line
+ * @author Filipa Lacerda
+ */
+"use strict";
+
+//------------------------------------------------------------------------------
+// Rule Definition
+//------------------------------------------------------------------------------
+
+module.exports = {
+    meta: {
+        docs: {
+            description: "Define the number of attributes allows per line",
+            category: "Fill me in",
+            recommended: false
+        },
+        fixable: null,  // or "code" or "whitespace"
+        schema: [
+            // fill in your schema
+        ]
+    },
+
+    create: function(context) {
+
+        // variables should be defined here
+
+        //----------------------------------------------------------------------
+        // Helpers
+        //----------------------------------------------------------------------
+
+        // any helper functions should go here or else delete this section
+
+        //----------------------------------------------------------------------
+        // Public
+        //----------------------------------------------------------------------
+
+        return {
+
+            // give me methods
+
+        };
+    }
+};

tests/lib/rules/max-attributes-per-line.js

@@ -0,0 +1,37 @@
+/**
+ * @fileoverview Define the number of attributes allows per line
+ * @author Filipa Lacerda
+ */
+"use strict";
+
+//------------------------------------------------------------------------------
+// Requirements
+//------------------------------------------------------------------------------
+
+var rule = require("../../../lib/rules/max-attributes-per-line"),
+
+    RuleTester = require("eslint").RuleTester;
+
+
+//------------------------------------------------------------------------------
+// Tests
+//------------------------------------------------------------------------------
+
+var ruleTester = new RuleTester();
+ruleTester.run("max-attributes-per-line", rule, {
+
+    valid: [
+
+        // give me some code that won't trigger a warning
+    ],
+
+    invalid: [
+        {
+            code: "",
+            errors: [{
+                message: "Fill me in.",
+                type: "Me too"
+            }]
+        }
+    ]
+});