@@ -2,11 +2,11 @@ When Ember first renders a component, it renders the initial _state_ of that
2
2
component - the state of the instance, and state of the arguments that are
3
3
passed to it:
4
4
5
- ``` hbs {data-filename=src/ui /components/hello/template .hbs}
5
+ ``` hbs {data-filename=app/templates /components/hello.hbs}
6
6
{{this.greeting}}, {{@name}}!
7
7
```
8
8
9
- ``` js {data-filename=src/ui/ components/hello/component .js}
9
+ ``` js {data-filename=app/ components/hello.js}
10
10
import Component from ' @glimmer/component' ;
11
11
12
12
export default class Hello extends Component {
@@ -25,7 +25,7 @@ export default class Hello extends Component {
25
25
}
26
26
```
27
27
28
- ``` hbs {data-filename=src/ui/routes/ application/template .hbs}
28
+ ``` hbs {data-filename=app/templates/ application.hbs}
29
29
<Hello @name="Jen Weber">
30
30
```
31
31
@@ -52,7 +52,7 @@ Trackable values are values that:
52
52
53
53
We can do this by marking the field with the ` @tracked ` decorator:
54
54
55
- ``` js {data-filename=src/ui/ components/hello/component .js}
55
+ ``` js {data-filename=app/ components/hello.js}
56
56
import Component from ' @glimmer/component' ;
57
57
import { tracked } from ' @glimmer/tracking' ;
58
58
@@ -88,7 +88,7 @@ Tracked properties can be updated like any other property, using standard
88
88
JavaScript syntax. The primary way that state gets updated in an Ember
89
89
application is via _ actions_ , [ as discussed earlier] ( ../../templates/actions/ ) :
90
90
91
- ``` hbs {data-filename=src/ui /components/hello/template .hbs}
91
+ ``` hbs {data-filename=app/templates /components/hello.hbs}
92
92
{{this.greeting}}, {{@name}}!
93
93
94
94
<select onchange={{this.updateLanguage}}>
@@ -98,7 +98,7 @@ application is via _actions_, [as discussed earlier](../../templates/actions/):
98
98
</select>
99
99
```
100
100
101
- ``` js {data-filename=src/ui/ components/hello/component .js}
101
+ ``` js {data-filename=app/ components/hello.js}
102
102
import Component from ' @glimmer/component' ;
103
103
import { tracked } from ' @glimmer/tracking' ;
104
104
import { action } from ' @ember/object' ;
@@ -228,7 +228,7 @@ export default class Person {
228
228
}
229
229
```
230
230
231
- ``` js {data-filename=src/ui/ routes/application/route .js}
231
+ ``` js {data-filename=app/ routes/application.js}
232
232
import Route from ' @ember/routing/route' ;
233
233
import Person from ' ../../../../utils/person' ;
234
234
@@ -239,7 +239,7 @@ export default class ApplicationRoute extends Route {
239
239
}
240
240
```
241
241
242
- ``` js {data-filename=src/ui/routes/ application/controller .js}
242
+ ``` js {data-filename=app/controllers/ application.js}
243
243
import Controller from ' @ember/controller' ;
244
244
import { action } from ' @ember/object' ;
245
245
@@ -252,7 +252,7 @@ export default class ApplicationController extends Controller {
252
252
}
253
253
```
254
254
255
- ``` js {data-filename=src/ui/routes/ application/template .hbs}
255
+ ``` js {data-filename=app/templates/ application.hbs}
256
256
{{this .model .fullName }}
257
257
258
258
< button onclick= {{action this .updateName ' Krati' ' Ahuja' }}>
0 commit comments