File tree Expand file tree Collapse file tree 2 files changed +3
-33
lines changed Expand file tree Collapse file tree 2 files changed +3
-33
lines changed Original file line number Diff line number Diff line change 10
10
</ head >
11
11
< body >
12
12
< div id ="app ">
13
- < div class ="nav-bar "> </ div >
14
-
15
- < div class ="cart ">
16
- < p > Cart({{ cart.length }})</ p >
17
- </ div >
18
- < product-display
19
- :premium ="premium "
20
- @add-to-cart ="updateCart "
21
- > </ product-display >
13
+ < h1 > Product goes here</ h1 >
22
14
</ div >
23
15
24
- <!-- Import App -->
16
+ <!-- Import JS -->
25
17
< script src ="./main.js "> </ script >
26
-
27
- <!-- Import Components -->
28
- < script src ="./components/ProductDisplay.js "> </ script >
29
- < script src ="./components/ReviewForm.js "> </ script >
30
- < script src ="./components/ReviewList.js "> </ script >
31
-
32
- <!-- Mount App -->
33
- < script >
34
- app . mount ( '#app' )
35
- </ script >
36
18
</ body >
37
19
</ html >
Original file line number Diff line number Diff line change 1
- const app = Vue . createApp ( {
2
- data ( ) {
3
- return {
4
- premium : true ,
5
- cart : [ ]
6
- }
7
- } ,
8
- methods : {
9
- updateCart ( id ) {
10
- this . cart . push ( id )
11
- }
12
- }
13
- } )
1
+ const product = "Socks"
You can’t perform that action at this time.
0 commit comments