From d0fea51c691ae0e6016d3196035b1cb1f2b59a1e Mon Sep 17 00:00:00 2001 From: bwbl Date: Tue, 13 Jan 2026 14:17:14 +0100 Subject: [PATCH] L4-start --- index.html | 63 ++++++++++++++++++++++++++++-------------------------- main.js | 16 ++++++++------ 2 files changed, 42 insertions(+), 37 deletions(-) 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, + }; + }, +});