Fix some lint

Author: RobbieTheWagner

.eslintignore

@@ -7,6 +7,7 @@
 
 # misc
 /coverage/
+/vendor/
 !.*
 .*/
 

.eslintrc.js

@@ -39,6 +39,7 @@ module.exports = {
     'ember/no-classic-components': 'off',
     'ember/no-computed-properties-in-native-classes': 'off',
     'ember/no-get': 'off',
+    'ember/no-runloop': 'off',
 
     // Best practice
     'no-duplicate-imports': 'error',

.stylelintrc.js

@@ -1,5 +1,5 @@
 'use strict';
 
 module.exports = {
-  extends: ['stylelint-config-standard', 'stylelint-prettier/recommended'],
+  extends: ['stylelint-config-standard-scss', 'stylelint-prettier/recommended'],
 };

.template-lintrc.js

@@ -3,10 +3,12 @@
 module.exports = {
   extends: 'recommended',
   rules: {
+    'no-at-ember-render-modifiers': false,
     'no-down-event-binding': false,
     'no-negated-condition': false,
 
     // TODO: enable these rules
+    'no-builtin-form-components': false,
     'no-positive-tabindex': false,
   },
 };

app/components/deprecations-toolbar.hbs

@@ -3,7 +3,7 @@
 
   <Ui::ToolbarDivider />
 
-  <div class="toolbar__checkbox">
+  <div class="toolbar-checkbox">
     <label title="Deprecation workflow">
       <Input
         @type="checkbox"

app/components/list-content.js

@@ -59,7 +59,7 @@ export default class ListContent extends Component.extend(Evented) {
     this.layoutService.on(
       'content-height-update',
       this,
-      this.updateContentHeight
+      this.updateContentHeight,
     );
   }
 
@@ -92,7 +92,7 @@ export default class ListContent extends Component.extend(Evented) {
     this.layoutService.off(
       'content-height-update',
       this,
-      this.updateContentHeight
+      this.updateContentHeight,
     );
     return super.willDestroy(...arguments);
   }

app/components/model-types-toolbar.hbs

@@ -6,7 +6,7 @@
 
   <Ui::ToolbarDivider />
 
-  <div class="toolbar__checkbox js-filter-hide-empty-model-types">
+  <div class="toolbar-checkbox js-filter-hide-empty-model-types">
     <label>
       <Input
         data-test-options-hideEmptyModelTypes
@@ -16,7 +16,7 @@
       Hide Empty Model Types
     </label>
   </div>
-  <div class="toolbar__checkbox js-filter-order-records-by-count">
+  <div class="toolbar-checkbox js-filter-order-records-by-count">
     <label>
       <Input
         data-test-options-orderByRecordCount
@@ -26,7 +26,7 @@
       Order Models By Record Count
     </label>
   </div>
-  <button class="toolbar__radio js-filter" {{on "click" @getStore}} data-test-inspect-store type="button">
+  <button class="toolbar-radio js-filter" {{on "click" @getStore}} data-test-inspect-store type="button">
     Inspect Store
   </button>
 </div>

app/components/object-inspector.hbs

@@ -53,7 +53,7 @@
     <div class="toolbar object-inspector-toolbar">
       <button
         data-test-object-display-type-grouped
-        class="toolbar__radio toolbar__radio--first {{
+        class="toolbar-radio toolbar-radio--first {{
           if (eq this.propDisplayType "grouped") "active"
         }}"
         type="button"
@@ -63,7 +63,7 @@
       </button>
       <button
         data-test-object-display-type-all
-        class="toolbar__radio {{if (eq this.propDisplayType "all") "active"}}"
+        class="toolbar-radio {{if (eq this.propDisplayType "all") "active"}}"
         type="button"
         {{on "click" (fn this.setPropDisplay "all")}}
       >

app/components/object-inspector/sort-properties.js

@@ -46,7 +46,7 @@ export default class SortProperties extends Component {
     set(
       p,
       'isFunction',
-      p.value.type === 'type-function' || p.value.type === 'type-asyncfunction'
+      p.value.type === 'type-function' || p.value.type === 'type-asyncfunction',
     );
     if (p.name == parseInt(p.name)) {
       set(p, 'name', parseInt(p.name));

app/components/promise-item.js

@@ -29,7 +29,7 @@ export default class PromiseItem extends Component {
 
   @computed(
     'args.{effectiveSearch,filter}',
-    'args.model.{isFulfilled,isPending,isRejected,state}'
+    'args.model.{isFulfilled,isPending,isRejected,state}',
   )
   get nodeStyle() {
     let relevant;
@@ -61,7 +61,7 @@ export default class PromiseItem extends Component {
     return htmlSafe(
       `padding-left: ${+get(this, 'args.model.level') * 20 + 5}px;${
         this.nodeStyle
-      }`
+      }`,
     );
   }