feat(addon/components/paper-card-header-headline): migrates to tagless native class.

addon/components/paper-card-avatar.hbs

@@ -0,0 +1,3 @@
+<md-card-avatar ...attributes>
+  {{yield}}
+</md-card-avatar>

addon/components/paper-card-avatar.js

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

addon/components/paper-card-content.hbs

@@ -0,0 +1,3 @@
+<md-card-content ...attributes>
+  {{yield}}
+</md-card-content>

addon/components/paper-card-content.js

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

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

@@ -0,0 +1,3 @@
+<span class="md-headline" ...attributes>
+  {{yield}}
+</span>

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

@@ -1,4 +1,4 @@
-/* eslint-disable ember/no-classic-components, ember/require-tagless-components, prettier/prettier */
+/* eslint-disable ember/no-classic-components */
 /**
  * @module ember-paper
  */
@@ -8,7 +8,6 @@ import Component from '@ember/component';
  * @class PaperCardHeaderHeadline
  * @extends Ember.Component
  */
-export default Component.extend({
-  tagName: 'span',
-  classNames: ['md-headline']
-});
+export default class PaperCardHeaderHeadline extends Component {
+  tagName = '';
+}

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

@@ -1,7 +1,9 @@
-{{#if (has-block)}}
-  <div class="md-media-{{this.size}}">
-    {{yield}}
-  </div>
-{{else}}
-  <img class="md-media-{{this.size}}" src={{@src}} alt={{@alt}} title={{@title}}>
-{{/if}}
+<md-card-title-media ...attributes>
+  {{#if (has-block)}}
+    <div class="md-media-{{this.size}}">
+      {{yield}}
+    </div>
+  {{else}}
+    <img class="md-media-{{this.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
  */
@@ -8,7 +8,7 @@ import Component from '@ember/component';
  * @class PaperCardTitleMedia
  * @extends Ember.Component
  */
-export default Component.extend({
-  tagName: 'md-card-title-media',
-  size: 'md',
-});
+export default class PaperCardTitleMedia extends Component {
+  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
  */
@@ -8,6 +8,6 @@ import Component from '@ember/component';
  * @class PaperCardTitleText
  * @extends Ember.Component
  */
-export default Component.extend({
-  tagName: 'md-card-title-text',
-});
+export default class PaperCardTitleText extends Component {
+  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
  */
@@ -8,6 +8,6 @@ import Component from '@ember/component';
  * @class PaperCard
  * @extends Ember.Component
  */
-export default Component.extend({
-  tagName: 'md-card',
-});
+export default class PaperCard extends Component {
+  tagName = '';
+}