Merge pull request #20922 from emberjs/less-extend

Remove more uses of extend

Author: wagenet

blueprints/component-class/index.js

@@ -82,7 +82,7 @@ module.exports = {
     switch (options.componentClass) {
       case '@ember/component':
         importComponent = `import Component from '@ember/component';`;
-        defaultExport = `Component.extend({});`;
+        defaultExport = `class extends Component {}`;
         break;
       case '@glimmer/component':
         importComponent = `import Component from '@glimmer/component';`;

blueprints/component/index.js

@@ -198,7 +198,7 @@ module.exports = {
     switch (options.componentClass) {
       case '@ember/component':
         importComponent = `import Component from '@ember/component';`;
-        defaultExport = `Component.extend({});`;
+        defaultExport = `class extends Component {};`;
         break;
       case '@glimmer/component':
         importComponent = `import Component from '@glimmer/component';`;

node-tests/blueprints/component-class-test.js

@@ -15,7 +15,7 @@ export default class Foo extends Component {}
 
 const emberComponentContents = `import Component from '@ember/component';
 
-export default Component.extend({});
+export default class extends Component {}
 `;
 
 const templateOnlyContents = `import templateOnly from '@ember/component/template-only';

node-tests/blueprints/component-test.js

@@ -18,7 +18,7 @@ export default class Foo extends Component {}
 
 const emberComponentContents = `import Component from '@ember/component';
 
-export default Component.extend({});
+export default class extends Component {}
 `;
 
 const templateOnlyContents = `import templateOnly from '@ember/component/template-only';

packages/@ember/-internals/glimmer/index.ts

@@ -9,10 +9,11 @@
 
   ```app/components/person-profile.js
   import Component from '@ember/component';
+  import { tracked } from '@glimmer/tracking';
 
-  export default Component.extend({
-    name: 'Jill'
-  });
+  export default class extends Component {
+    @tracked name = 'Jill'
+  }
   ```
 
   ```app/components/person-profile.hbs