Defined ember-cli-eslint with default

.eslintrc.js

@@ -1,24 +1,13 @@
 module.exports = {
+  root: true,
   parserOptions: {
-    ecmaVersion: 6,
+    ecmaVersion: 2017,
     sourceType: 'module'
   },
-  extends: 'airbnb-base',
+  extends: 'eslint:recommended',
   env: {
-    'es6': true,
-    'browser': true,
-    'node': true
+    browser: true
   },
   rules: {
-    'arrow-parens': [2, 'always'],
-    'func-names': 0,
-    'no-use-before-define': [2, 'nofunc'],
-    'prefer-arrow-callback': 0,
-    'import/no-unresolved': 0,
-    'import/extensions': 0,
-    'no-restricted-syntax': 0,
-    "import/no-extraneous-dependencies": 0,
-    'no-underscore-dangle': 0,
-    'no-param-reassign': [2, { "props": false }]
   }
 };

addon/components/split-child.js

@@ -9,7 +9,7 @@ export default Ember.Component.extend({
   classNameBindings: [
     'parent.isDragging:dragging',
     'parent.isVertical:vertical:horizontal',
-    'childSplitView:nested',
+    'childSplitView:nested'
   ],
 
   childSplitView: null,
@@ -174,6 +174,6 @@ export default Ember.Component.extend({
 
       return this.minSizeHorizontal();
     }
-  ),
+  )
 
 });

addon/components/split-sash.js

@@ -64,6 +64,6 @@ export default Ember.Component.extend({
   mouseDown(event) {
     this.set('parent.isDragging', true);
     event.preventDefault();
-  },
+  }
 
 });

addon/components/split-view.js

@@ -1,5 +1,3 @@
-/* eslint max-len: 0 */
-/* eslint new-cap: ["error", { "capIsNew": false }]*/
 import Ember from 'ember';
 import SplitChild from './split-child';
 import splitViewLayout from 'ember-split-view/templates/components/split-view';
@@ -16,28 +14,28 @@ const { computed, observer } = Ember;
  * Vertical SplitView example:
  *
  * ```handlebars
- * {{#split-view isVertical=true}}
- *   {{#split-child}}
+ * {{#split-view isVertical=true as |split| }}
+ *   {{#split.child}}
  *     Content of the left view here.
- *   {{/split-child}}
- *   {{split-sash"}}
- *   {{#split-child}}
+ *   {{/split.child}}
+ *   {{split.sash}}
+ *   {{#split.child}}
  *     Content of the right view here.
- *   {{/split-child}}
+ *   {{/split.child}}
  * {{/split-view}}
  * ```
  *
  * Horizontal SplitView example:
  *
  * ```handlebars
- * {{#split-view isVertical=false}}
- *   {{#split-child}}
- *     Content of the top view here.
- *   {{/split-child}}
- *   {{split-sash"}}
- *   {{#split-child}}
- *     Content of the bottom view here.
- *   {{/split-child}}
+ * {{#split-view isVertical=false as |split| }}
+ *   {{#split.child}}
+ *     Content of the left view here.
+ *   {{/split.child}}
+ *   {{split.sash}}
+ *   {{#split.child}}
+ *     Content of the right view here.
+ *   {{/split.child}}
  * {{/split-view}}
  * ```
  *
@@ -234,6 +232,6 @@ export default Ember.Component.extend({
 
     this.set('splitPosition', position);
     this.constrainSplit();
-  },
+  }
 
 });

addon/templates/components/split-view.hbs

@@ -1 +1 @@
-{{yield (hash child=(component 'split-child' parent=this) sash=(component 'split-sash' parent=this)  ) }}
+{{yield (hash child=(component "split-child" parent=this) sash=(component "split-sash" parent=this)  ) }}

index.js

@@ -1,4 +1,4 @@
-/* jshint node: true */
+/* globals module */
 'use strict';
 
 module.exports = {

package.json

@@ -23,8 +23,8 @@
     "ember-cli": "2.10.0",
     "ember-cli-app-version": "^2.0.0",
     "ember-cli-dependency-checker": "^1.3.0",
+    "ember-cli-eslint": "4.2.0",
     "ember-cli-inject-live-reload": "^1.4.1",
-    "ember-cli-jshint": "^2.0.1",
     "ember-cli-qunit": "^3.0.1",
     "ember-cli-release": "^0.2.9",
     "ember-cli-sri": "^2.1.0",

tests/.eslintrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  env: {
+    embertest: true
+  }
+};

tests/dummy/app/controllers/application.js

@@ -7,6 +7,6 @@ export default Ember.Controller.extend({
     Ember.Object.create({ title: "Vertical Composite", content: 'verticalComposite'}),
     Ember.Object.create({ title: "Horizontal Composite", content: 'horizontalComposite'}),
     Ember.Object.create({ title: "Composite", content: 'composite'}),
-    Ember.Object.create({ title: "Collapsible Panes", content: 'collapsiblePanes'}),
+    Ember.Object.create({ title: "Collapsible Panes", content: 'collapsiblePanes'})
   ])
 });