Auto merge of #2052 - Turbo87:tagless, r=locks

Migrate to tagless components

"Tagless" components are components with `tagName: ''`, which causes them to not have an implicit wrapping element. This is the new default in Ember.js apps with components based on `@glimmer/component`. To make it easier to eventually migrate to these new Glimmer components we'll set `tagName: ''` on some of the existing components that can automatically be migrated.

This PR was created using https://github.com/ember-codemods/tagless-ember-components-codemod

r? @locks

Author: bors

app/components/badge-appveyor.js

@@ -3,9 +3,7 @@ import { computed } from '@ember/object';
 import { alias } from '@ember/object/computed';
 
 export default Component.extend({
-  tagName: 'span',
-  classNames: ['badge'],
-
+  tagName: '',
   id: alias('badge.attributes.id'),
   repository: alias('badge.attributes.repository'),
 

app/components/badge-azure-devops.js

@@ -3,13 +3,14 @@ import { computed } from '@ember/object';
 import { alias } from '@ember/object/computed';
 
 export default Component.extend({
-  tagName: 'span',
-  classNames: ['badge'],
+  tagName: '',
   project: alias('badge.attributes.project'),
   pipeline: alias('badge.attributes.pipeline'),
+
   build: computed('badge.attributes.build', function() {
     return this.get('badge.attributes.build') || '1';
   }),
+
   text: computed('pipeline', function() {
     return `Azure Devops build status for the ${this.pipeline} pipeline`;
   }),

app/components/badge-bitbucket-pipelines.js

@@ -3,12 +3,13 @@ import { alias } from '@ember/object/computed';
 import Component from '@ember/component';
 
 export default Component.extend({
-  tagName: 'span',
-  classNames: ['badge'],
+  tagName: '',
   repository: alias('badge.attributes.repository'),
+
   branch: computed('badge.attributes.branch', function() {
     return encodeURIComponent(this.get('badge.attributes.branch'));
   }),
+
   text: computed('badge.attributes.branch', function() {
     const branch = this.get('badge.attributes.branch');
     return `Bitbucket Pipelines build status for the ${branch} branch`;

app/components/badge-circle-ci.js

@@ -3,12 +3,13 @@ import { alias } from '@ember/object/computed';
 import Component from '@ember/component';
 
 export default Component.extend({
-  tagName: 'span',
-  classNames: ['badge'],
+  tagName: '',
   repository: alias('badge.attributes.repository'),
+
   branch: computed('badge.attributes.branch', function() {
     return encodeURIComponent(this.get('badge.attributes.branch') || 'master');
   }),
+
   text: computed('branch', function() {
     return `Circle CI build status for the ${this.branch} branch`;
   }),

app/components/badge-cirrus-ci.js

@@ -3,12 +3,13 @@ import { alias } from '@ember/object/computed';
 import Component from '@ember/component';
 
 export default Component.extend({
-  tagName: 'span',
-  classNames: ['badge'],
+  tagName: '',
   repository: alias('badge.attributes.repository'),
+
   branch: computed('badge.attributes.branch', function() {
     return encodeURIComponent(this.get('badge.attributes.branch') || 'master');
   }),
+
   text: computed('branch', function() {
     return `Cirrus CI build status for the ${this.branch} branch`;
   }),

app/components/badge-codecov.js

@@ -3,15 +3,17 @@ import { computed } from '@ember/object';
 import { alias } from '@ember/object/computed';
 
 export default Component.extend({
-  tagName: 'span',
-  classNames: ['badge'],
+  tagName: '',
   repository: alias('badge.attributes.repository'),
+
   branch: computed('badge.attributes.branch', function() {
     return this.get('badge.attributes.branch') || 'master';
   }),
+
   service: computed('badge.attributes.service', function() {
     return this.get('badge.attributes.service') || 'github';
   }),
+
   text: computed('branch', function() {
     return `CodeCov coverage status for the ${this.branch} branch`;
   }),

app/components/badge-coveralls.js

@@ -3,15 +3,17 @@ import { computed } from '@ember/object';
 import { alias } from '@ember/object/computed';
 
 export default Component.extend({
-  tagName: 'span',
-  classNames: ['badge'],
+  tagName: '',
   repository: alias('badge.attributes.repository'),
+
   branch: computed('badge.attributes.branch', function() {
     return this.get('badge.attributes.branch') || 'master';
   }),
+
   service: computed('badge.attributes.service', function() {
     return this.get('badge.attributes.service') || 'github';
   }),
+
   text: computed('branch', function() {
     return `Coveralls coverage status for the ${this.branch} branch`;
   }),

app/components/badge-gitlab.js

@@ -3,12 +3,13 @@ import { computed } from '@ember/object';
 import { alias } from '@ember/object/computed';
 
 export default Component.extend({
-  tagName: 'span',
-  classNames: ['badge'],
+  tagName: '',
   repository: alias('badge.attributes.repository'),
+
   branch: computed('badge.attributes.branch', function() {
     return this.get('badge.attributes.branch') || 'master';
   }),
+
   text: computed('badge', function() {
     return `GitLab build status for the ${this.branch} branch`;
   }),

app/components/badge-is-it-maintained-issue-resolution.js

@@ -3,9 +3,9 @@ import { computed } from '@ember/object';
 import { alias } from '@ember/object/computed';
 
 export default Component.extend({
-  tagName: 'span',
-  classNames: ['badge'],
+  tagName: '',
   repository: alias('badge.attributes.repository'),
+
   text: computed('badge', function() {
     return `Is It Maintained average time to resolve an issue`;
   }),

app/components/badge-is-it-maintained-open-issues.js

@@ -3,9 +3,9 @@ import { computed } from '@ember/object';
 import { alias } from '@ember/object/computed';
 
 export default Component.extend({
-  tagName: 'span',
-  classNames: ['badge'],
+  tagName: '',
   repository: alias('badge.attributes.repository'),
+
   text: computed('badge', function() {
     return `Is It Maintained percentage of issues still open`;
   }),