[UI] - Colocated components in addons (#31413) (#31480)

* core: run colocated components codemod

* kmip: run colocated components codemod

* replication: run colocated components codemod

* core: remove manual setting of templates with setComponentTemplate

* run prettier

Author: meirish

ui/lib/core/addon/templates/components/edit-form.hbs renamed to ui/lib/core/addon/components/edit-form.hbs

@@ -7,19 +7,20 @@ import AdapterError from '@ember-data/adapter/error';
 import { service } from '@ember/service';
 import Component from '@ember/component';
 import { task } from 'ember-concurrency';
-import layout from '../templates/components/edit-form';
 import { next } from '@ember/runloop';
 import { waitFor } from '@ember/test-waiters';
 
 export default Component.extend({
-  layout,
   flashMessages: service(),
 
   // internal validations
   invalidFormAlert: '',
+
   modelValidations: null,
+
   // public API
   model: null,
+
   successMessage: 'Saved!',
   deleteSuccessMessage: 'Deleted!',
   deleteButtonText: 'Delete',

ui/lib/core/addon/components/edit-form.js

@@ -4,8 +4,6 @@
  */
 
 import Component from '@glimmer/component';
-import layout from '../templates/components/message-error';
-import { setComponentTemplate } from '@ember/component';
 
 /**
  * @module MessageError
@@ -20,7 +18,7 @@ import { setComponentTemplate } from '@ember/component';
  * @param {string} [errorMessage=null] - An Error string to display.
  */
 
-class MessageError extends Component {
+export default class MessageError extends Component {
   get displayErrors() {
     const { errorMessage, errors, model } = this.args;
     if (errorMessage) {
@@ -47,4 +45,3 @@ class MessageError extends Component {
     return null;
   }
 }
-export default setComponentTemplate(layout, MessageError);

ui/lib/core/addon/templates/components/message-error.hbs renamed to ui/lib/core/addon/components/message-error.hbs

@@ -4,8 +4,6 @@
  */
 
 import Component from '@glimmer/component';
-import layout from '../templates/components/read-more';
-import { setComponentTemplate } from '@ember/component';
 import { action } from '@ember/object';
 import { tracked } from '@glimmer/tracking';
 
@@ -25,7 +23,7 @@ import { tracked } from '@glimmer/tracking';
  * </div>
  */
 
-class ReadMoreComponent extends Component {
+export default class ReadMoreComponent extends Component {
   @action
   calculateOverflow(e) {
     const spanText = e.querySelector('.description-block');
@@ -45,5 +43,3 @@ class ReadMoreComponent extends Component {
     this.isOpen = !this.isOpen;
   }
 }
-
-export default setComponentTemplate(layout, ReadMoreComponent);

ui/lib/core/addon/components/message-error.js

@@ -15,12 +15,10 @@
  */
 
 import Component from '@glimmer/component';
-import { setComponentTemplate } from '@ember/component';
 import { capitalize, dasherize } from '@ember/string';
 import { humanize } from 'vault/helpers/humanize';
-import layout from '../templates/components/readonly-form-field';
 
-class ReadonlyFormField extends Component {
+export default class ReadonlyFormField extends Component {
   get labelString() {
     if (!this.args.attr) {
       return '';
@@ -36,5 +34,3 @@ class ReadonlyFormField extends Component {
     return '';
   }
 }
-
-export default setComponentTemplate(layout, ReadonlyFormField);

ui/lib/core/addon/templates/components/read-more.hbs renamed to ui/lib/core/addon/components/read-more.hbs

@@ -4,9 +4,7 @@
  */
 
 import Actions from 'core/components/replication-actions-single';
-import layout from '../templates/components/replication-action-demote';
 
 export default Actions.extend({
-  layout,
   tagName: '',
 });