@@ -71,11 +71,11 @@ After:
71
71
```
72
72
73
73
``` js
74
- export default class Component . extend ( {
74
+ export default class extends Component {
75
75
setScrollPosition (element , [scrollPosition ]) {
76
76
element .scrollTop = scrollPosition;
77
77
}
78
- })
78
+ }
79
79
```
80
80
81
81
#### Example: Adding a class to an element after render for CSS animations
@@ -96,15 +96,15 @@ Before:
96
96
```
97
97
98
98
``` js
99
- export default Component . extend ( {
99
+ export default class extends Component {
100
100
didRender () {
101
101
let alert = this .element .querySelector (' .alert' );
102
102
103
103
if (alert) {
104
104
alert .classList .add (' fade-in' );
105
105
}
106
- },
107
- });
106
+ }
107
+ }
108
108
```
109
109
110
110
After:
@@ -118,11 +118,11 @@ After:
118
118
```
119
119
120
120
``` js
121
- export default Component . extend ( {
121
+ export default class extends Component {
122
122
fadeIn (element ) {
123
123
element .classList .add (' fade-in' );
124
- },
125
- });
124
+ }
125
+ }
126
126
```
127
127
128
128
#### Example: Resizing text area
@@ -147,11 +147,11 @@ this:
147
147
```
148
148
149
149
``` js
150
- export default Component . extend ( {
150
+ export default class extends Component {
151
151
resizeArea (element ) {
152
152
element .style .height = ` ${ element .scrollHeight } px` ;
153
- },
154
- });
153
+ }
154
+ }
155
155
```
156
156
157
157
#### Example: ` ember-composability-tools ` style rendering
@@ -166,18 +166,18 @@ Node component:
166
166
167
167
``` js
168
168
// components/node.js
169
- export default Component . extend ( {
170
- init () {
169
+ export default class extends Component {
170
+ constructor () {
171
171
super (... arguments );
172
172
this .children = new Set ();
173
173
174
- this .parent .registerChild (this );
174
+ this .args . parent .registerChild (this );
175
175
}
176
176
177
177
willDestroy () {
178
- super (... arguments );
178
+ super . willDestroy (... arguments );
179
179
180
- this .parent .unregisterChild (this );
180
+ this .args . parent .unregisterChild (this );
181
181
}
182
182
183
183
registerChild (child ) {
@@ -199,7 +199,7 @@ export default Component.extend({
199
199
200
200
this .children .forEach (c => c .willDestroyNode (element));
201
201
}
202
- }
202
+ });
203
203
```
204
204
205
205
``` hbs
@@ -213,7 +213,7 @@ Root component:
213
213
// components/root.js
214
214
import NodeComponent from ' ./node.js' ;
215
215
216
- export default NodeComponent . extend ();
216
+ export default class extends NodeComponent {}
217
217
```
218
218
219
219
``` hbs
0 commit comments