diff --git a/index.html b/index.html index e334451..e0ed079 100644 --- a/index.html +++ b/index.html @@ -1,35 +1,38 @@ - - - Vue Mastery - - - - - - -
-
- -
-
-
- -
-
-

{{ product }}

-
-
-
-
+ + + Vue Mastery + + + + + + +
+
- - +
+
+
+ +
+
+

{{ product }}

+

In Stock

+

Out of Stock

+

On Sale

+
+
+
+
- - - + + + + + + diff --git a/main.js b/main.js index c0cd51b..955f6ca 100644 --- a/main.js +++ b/main.js @@ -1,8 +1,10 @@ const app = Vue.createApp({ - data() { - return { - product: 'Socks', - image: './assets/images/socks_blue.jpg' - } - } -}) + data() { + return { + product: "Socks", + image: "./assets/images/socks_blue.jpg", + inventory: 100, + on_sale: true, + }; + }, +});