run the tagless component codemod

addon/components/paper-autocomplete/component.js

@@ -13,7 +13,7 @@ import { assert } from '@ember/debug';
 import { indexOfOption } from 'ember-power-select/utils/group-utils';
 @tagName('')
 @layout(template)
-class PaperAutocomplete extends Component.extend(ValidationMixin) {
+export default class PaperAutocomplete extends Component.extend(ValidationMixin) {
 
   isTouched = false;
 
@@ -168,5 +168,3 @@ class PaperAutocomplete extends Component.extend(ValidationMixin) {
   }
 
 }
-
-export default PaperAutocomplete;

addon/components/paper-autocomplete/ebd-content/component.js

@@ -6,7 +6,7 @@ import { tagName, layout } from '@ember-decorators/component';
 
 @tagName('')
 @layout(template)
-class PaperAutocompleteEbdContent extends Component {
+export default class PaperAutocompleteEbdContent extends Component {
 
   customStyles = {
     'overflow-y': 'auto',
@@ -35,5 +35,3 @@ class PaperAutocompleteEbdContent extends Component {
   }
 
 }
-
-export default PaperAutocompleteEbdContent;

addon/components/paper-autocomplete/ebd-trigger/component.js

@@ -7,11 +7,9 @@ import { and } from '@ember/object/computed';
 
 @tagName('')
 @layout(template)
-class PaperSelectEbdTrigger extends Component {
+export default class PaperSelectEbdTrigger extends Component {
 
   @and('label', 'selected')
   shouldShowLabel;
 
 }
-
-export default PaperSelectEbdTrigger;

addon/components/paper-autocomplete/eps-trigger/component.js

@@ -8,7 +8,7 @@ import unwrapProxy from 'ember-paper/utils/unwrap-proxy';
 
 @tagName('')
 @layout(template)
-class PaperSelectEpsTrigger extends Component {
+export default class PaperSelectEpsTrigger extends Component {
 
   @computed('select.{searchText,selected}')
   get text() {
@@ -76,5 +76,3 @@ class PaperSelectEpsTrigger extends Component {
   }
 
 }
-
-export default PaperSelectEpsTrigger;

addon/components/paper-autocomplete/highlight/component.js

@@ -15,7 +15,7 @@ import { tagName, layout } from '@ember-decorators/component';
  */
 @tagName('')
 @layout(template)
-class PaperAutocompleteHighlight extends Component {
+export default class PaperAutocompleteHighlight extends Component {
   flags = '';
 
   @computed('regex', 'label')
@@ -84,5 +84,3 @@ class PaperAutocompleteHighlight extends Component {
   }
 
 }
-
-export default PaperAutocompleteHighlight;

addon/components/paper-autocomplete/no-matches-message/component.js

@@ -7,8 +7,6 @@ import { tagName, layout } from '@ember-decorators/component';
 
 @tagName('')
 @layout(template)
-class PaperAutocompleteNoMatchesMessage extends Component {
+export default class PaperAutocompleteNoMatchesMessage extends Component {
 
 }
-
-export default PaperAutocompleteNoMatchesMessage;

addon/components/paper-button.js

@@ -6,7 +6,6 @@ import { reads } from '@ember/object/computed';
 
 import Component from '@ember/component';
 import FocusableMixin from 'ember-paper/mixins/focusable-mixin';
-import ColorMixin from 'ember-paper/mixins/color-mixin';
 import ProxiableMixin from 'ember-paper/mixins/proxiable-mixin';
 import { invokeAction } from 'ember-paper/utils/invoke-action';
 
@@ -17,7 +16,7 @@ import { invokeAction } from 'ember-paper/utils/invoke-action';
  * @uses ColorMixin
  * @uses ProxiableMixin
  */
-export default Component.extend(FocusableMixin, ColorMixin, ProxiableMixin, {
+export default Component.extend(FocusableMixin, ProxiableMixin, {
   tagName: 'button',
   classNames: ['md-default-theme', 'md-button'],
   raised: false,
@@ -38,6 +37,9 @@ export default Component.extend(FocusableMixin, ColorMixin, ProxiableMixin, {
     'iconButton:md-icon-button',
     'fab:md-fab',
     'mini:md-mini',
+    'warn:md-warn',
+    'accent:md-accent',
+    'primary:md-primary',
   ],
 
   init() {

addon/components/paper-card-header-text.hbs

@@ -1,4 +1,6 @@
-{{yield (hash
-  title=(component "paper-card-header-title")
-  subhead=(component "paper-card-header-subhead")
-)}}
+<md-card-header-text ...attributes>
+  {{yield (hash
+    title=(component "paper-card-header-title")
+    subhead=(component "paper-card-header-subhead")
+  )}}
+</md-card-header-text>

addon/components/paper-card-header-text.js

@@ -1,4 +1,4 @@
-/* eslint-disable ember/no-classic-components, ember/require-tagless-components */
+/* eslint-disable ember/no-classic-components */
 /**
  * @module ember-paper
  */
@@ -9,5 +9,5 @@ import Component from '@ember/component';
  * @extends Ember.Component
  */
 export default Component.extend({
-  tagName: 'md-card-header-text',
+  tagName: '',
 });

addon/components/paper-card-header.hbs

@@ -1,4 +1,6 @@
-{{yield (hash
-  text=(component "paper-card-header-text")
-  avatar=(component "paper-card-avatar")
-)}}
+<md-card-header ...attributes>
+  {{yield (hash
+    text=(component "paper-card-header-text")
+    avatar=(component "paper-card-avatar")
+  )}}
+</md-card-header>

addon/components/paper-card-header.js

@@ -1,4 +1,4 @@
-/* eslint-disable ember/no-classic-components, ember/require-tagless-components */
+/* eslint-disable ember/no-classic-components */
 /**
  * @module ember-paper
  */
@@ -9,5 +9,5 @@ import Component from '@ember/component';
  * @extends Ember.Component
  */
 export default Component.extend({
-  tagName: 'md-card-header',
+  tagName: '',
 });

addon/components/paper-card-title-media.hbs

@@ -1,8 +1,10 @@
-{{! template-lint-disable no-implicit-this }}
-{{#if (has-block)}}
-  <div class="md-media-{{size}}">
-    {{yield}}
-  </div>
-{{else}}
-  <img class="md-media-{{size}}" src={{src}} alt={{alt}} title={{title}}>
-{{/if}}
+<md-card-title-media ...attributes>
+  {{! template-lint-disable no-implicit-this }}
+  {{#if (has-block)}}
+    <div class="md-media-{{size}}">
+      {{yield}}
+    </div>
+  {{else}}
+    <img class="md-media-{{size}}" src={{src}} alt={{alt}} title={{title}}>
+  {{/if}}
+</md-card-title-media>

addon/components/paper-card-title-media.js

@@ -1,4 +1,4 @@
-/* eslint-disable ember/no-classic-components, ember/require-tagless-components */
+/* eslint-disable ember/no-classic-components */
 /**
  * @module ember-paper
  */
@@ -9,6 +9,6 @@ import Component from '@ember/component';
  * @extends Ember.Component
  */
 export default Component.extend({
-  tagName: 'md-card-title-media',
+  tagName: '',
   size: 'md',
 });

addon/components/paper-card-title-text.hbs

@@ -1,4 +1,6 @@
-{{yield (hash
-  headline=(component "paper-card-header-headline")
-  subhead=(component "paper-card-header-subhead")
-)}}
+<md-card-title-text ...attributes>
+  {{yield (hash
+    headline=(component "paper-card-header-headline")
+    subhead=(component "paper-card-header-subhead")
+  )}}
+</md-card-title-text>

addon/components/paper-card-title-text.js

@@ -1,4 +1,4 @@
-/* eslint-disable ember/no-classic-components, ember/require-tagless-components */
+/* eslint-disable ember/no-classic-components */
 /**
  * @module ember-paper
  */
@@ -9,5 +9,5 @@ import Component from '@ember/component';
  * @extends Ember.Component
  */
 export default Component.extend({
-  tagName: 'md-card-title-text',
+  tagName: '',
 });

addon/components/paper-card-title.hbs

@@ -1,4 +1,6 @@
-{{yield (hash
-  text=(component "paper-card-title-text")
-  media=(component "paper-card-title-media")
-)}}
+<md-card-title ...attributes>
+  {{yield (hash
+    text=(component "paper-card-title-text")
+    media=(component "paper-card-title-media")
+  )}}
+</md-card-title>

addon/components/paper-card-title.js

@@ -1,4 +1,4 @@
-/* eslint-disable ember/no-classic-components, ember/require-tagless-components */
+/* eslint-disable ember/no-classic-components */
 /**
  * @module ember-paper
  */
@@ -9,5 +9,5 @@ import Component from '@ember/component';
  * @extends Ember.Component
  */
 export default Component.extend({
-  tagName: 'md-card-title',
+  tagName: '',
 });

addon/components/paper-card.hbs

@@ -1,8 +1,10 @@
-{{yield (hash
-  title=(component "paper-card-title")
-  content=(component "paper-card-content")
-  actions=(component "paper-card-actions")
-  header=(component "paper-card-header")
-  image=(component "paper-card-image")
-  media=(component "paper-card-media")
-)}}
+<md-card ...attributes>
+  {{yield (hash
+    title=(component "paper-card-title")
+    content=(component "paper-card-content")
+    actions=(component "paper-card-actions")
+    header=(component "paper-card-header")
+    image=(component "paper-card-image")
+    media=(component "paper-card-media")
+  )}}
+</md-card>

addon/components/paper-card.js

@@ -1,4 +1,4 @@
-/* eslint-disable ember/no-classic-components, ember/require-tagless-components */
+/* eslint-disable ember/no-classic-components */
 /**
  * @module ember-paper
  */
@@ -9,5 +9,5 @@ import Component from '@ember/component';
  * @extends Ember.Component
  */
 export default Component.extend({
-  tagName: 'md-card',
+  tagName: '',
 });

addon/components/paper-checkbox.js

@@ -9,7 +9,6 @@ import { not, and } from '@ember/object/computed';
 import Component from '@ember/component';
 import { assert } from '@ember/debug';
 import FocusableMixin from 'ember-paper/mixins/focusable-mixin';
-import ColorMixin from 'ember-paper/mixins/color-mixin';
 import ProxiableMixin from 'ember-paper/mixins/proxiable-mixin';
 import { invokeAction } from 'ember-paper/utils/invoke-action';
 /**
@@ -19,10 +18,16 @@ import { invokeAction } from 'ember-paper/utils/invoke-action';
  * @uses ColorMixin
  * @uses ProxiableMixin
  */
-export default Component.extend(FocusableMixin, ColorMixin, ProxiableMixin, {
+export default Component.extend(FocusableMixin, ProxiableMixin, {
   tagName: 'md-checkbox',
   classNames: ['md-checkbox', 'md-default-theme'],
-  classNameBindings: ['isChecked:md-checked', 'indeterminate:md-indeterminate'],
+  classNameBindings: [
+    'isChecked:md-checked',
+    'indeterminate:md-indeterminate',
+    'warn:md-warn',
+    'accent:md-accent',
+    'primary:md-primary',
+  ],
 
   attributeBindings: [
     'role:role',

addon/components/paper-chips/component.js

@@ -9,7 +9,7 @@ import { tagName, layout } from '@ember-decorators/component';
 
 @tagName('')
 @layout(template)
-class PaperChips extends Component {
+export default class PaperChips extends Component {
 
   activeChip = -1;
   searchText = '';
@@ -159,5 +159,3 @@ class PaperChips extends Component {
   @action
   noop() {}
 }
-
-export default PaperChips;

addon/components/paper-contact-chips/component.js

@@ -6,12 +6,10 @@ import { tagName, layout } from '@ember-decorators/component';
 
 @tagName('')
 @layout(template)
-class PaperContactChips extends Component {
+export default class PaperContactChips extends Component {
   requireMatch = true;
   searchField = 'email';
   emailField = 'email';
   nameField = 'name';
   imageField = 'image';
 }
-
-export default PaperContactChips;

addon/components/paper-content/component.js

@@ -12,6 +12,4 @@ import template from './template';
  */
 @tagName('')
 @layout(template)
-class PaperContent extends Component {}
-
-export default PaperContent;
+export default class PaperContent extends Component {}

addon/components/paper-dialog.hbs

@@ -1,6 +1,6 @@
 {{! template-lint-disable no-action no-implicit-this }}
 {{#in-element destinationEl insertBefore=null}}
-  <PaperBackdrop @locked-open={{isLockedOpen}} @opaque={{opaque}} @fixed={{unless parent true}} @class="md-dialog-backdrop" @onClick={{action "outsideClicked"}} />
+  <PaperBackdrop @locked-open={{isLockedOpen}} @opaque={{opaque}} @fixed={{unless parent true}} class="md-dialog-backdrop" @onClick={{action "outsideClicked"}} />
   <PaperDialogContainer @class={{readonly dialogContainerClass}} @outsideClicked={{action "outsideClicked"}}>
     <PaperDialogInner @class={{readonly class}} @origin={{origin}} @defaultedParent={{defaultedParent}} @defaultedOpenFrom={{defaultedOpenFrom}} @defaultedCloseTo={{defaultedCloseTo}} @fullscreen={{fullscreen}} @focusOnOpen={{focusOnOpen}}>
       {{yield}}

addon/components/paper-divider/component.js

@@ -12,6 +12,4 @@ import template from './template';
  */
 @tagName('')
 @layout(template)
-class PaperDivider extends Component { }
-
-export default PaperDivider;
+export default class PaperDivider extends Component { }

addon/components/paper-grid-tile-footer.hbs

@@ -1,3 +1,5 @@
-<figcaption>
-  {{yield}}  
-</figcaption>
+<md-grid-tile-footer ...attributes>
+  <figcaption>
+    {{yield}}  
+  </figcaption>
+</md-grid-tile-footer>

addon/components/paper-grid-tile-footer.js

@@ -1,4 +1,4 @@
-/* eslint-disable ember/no-classic-components, ember/require-tagless-components */
+/* eslint-disable ember/no-classic-components */
 /**
  * @module ember-paper
  */
@@ -9,5 +9,5 @@ import Component from '@ember/component';
  * @extends Ember.Component
  */
 export default Component.extend({
-  tagName: 'md-grid-tile-footer',
+  tagName: '',
 });