Skip to content

Commit 4be6041

Browse files
David Tangrwjblue
andauthored
Fixes code examples in README (#56)
Co-authored-by: Robert Jackson <[email protected]>
1 parent 88ab231 commit 4be6041

File tree

1 file changed

+18
-18
lines changed

1 file changed

+18
-18
lines changed

README.md

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -71,11 +71,11 @@ After:
7171
```
7272

7373
```js
74-
export default class Component.extend({
74+
export default class extends Component {
7575
setScrollPosition(element, [scrollPosition]) {
7676
element.scrollTop = scrollPosition;
7777
}
78-
})
78+
}
7979
```
8080

8181
#### Example: Adding a class to an element after render for CSS animations
@@ -96,15 +96,15 @@ Before:
9696
```
9797

9898
```js
99-
export default Component.extend({
99+
export default class extends Component {
100100
didRender() {
101101
let alert = this.element.querySelector('.alert');
102102

103103
if (alert) {
104104
alert.classList.add('fade-in');
105105
}
106-
},
107-
});
106+
}
107+
}
108108
```
109109

110110
After:
@@ -118,11 +118,11 @@ After:
118118
```
119119

120120
```js
121-
export default Component.extend({
121+
export default class extends Component {
122122
fadeIn(element) {
123123
element.classList.add('fade-in');
124-
},
125-
});
124+
}
125+
}
126126
```
127127

128128
#### Example: Resizing text area
@@ -147,11 +147,11 @@ this:
147147
```
148148

149149
```js
150-
export default Component.extend({
150+
export default class extends Component {
151151
resizeArea(element) {
152152
element.style.height = `${element.scrollHeight}px`;
153-
},
154-
});
153+
}
154+
}
155155
```
156156

157157
#### Example: `ember-composability-tools` style rendering
@@ -166,18 +166,18 @@ Node component:
166166

167167
```js
168168
// components/node.js
169-
export default Component.extend({
170-
init() {
169+
export default class extends Component {
170+
constructor() {
171171
super(...arguments);
172172
this.children = new Set();
173173

174-
this.parent.registerChild(this);
174+
this.args.parent.registerChild(this);
175175
}
176176

177177
willDestroy() {
178-
super(...arguments);
178+
super.willDestroy(...arguments);
179179

180-
this.parent.unregisterChild(this);
180+
this.args.parent.unregisterChild(this);
181181
}
182182

183183
registerChild(child) {
@@ -199,7 +199,7 @@ export default Component.extend({
199199

200200
this.children.forEach(c => c.willDestroyNode(element));
201201
}
202-
}
202+
});
203203
```
204204

205205
```hbs
@@ -213,7 +213,7 @@ Root component:
213213
// components/root.js
214214
import NodeComponent from './node.js';
215215

216-
export default NodeComponent.extend();
216+
export default class extends NodeComponent {}
217217
```
218218

219219
```hbs

0 commit comments

Comments
 (0)