From 6b2171c67328e376a19c1394964f3389418f7b76 Mon Sep 17 00:00:00 2001
From: Mahesh Rajaram Shinde
 <66252739+mahesh-r-shinde@users.noreply.github.com>
Date: Thu, 29 Jun 2023 13:35:26 +0530
Subject: [PATCH] L2-end

---
 index.html | 6 +++++-
 main.js    | 9 ++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)
diff --git a/index.html b/index.html
index 56c112638..69e523991 100644
--- a/index.html
+++ b/index.html
@@ -10,10 +10,14 @@
   </head>
   <body>
     <div id="app">
-      <h1>Product goes here</h1>
+      <h1>{{ product }}</h1>
+      <p>{{description}}</p>
     </div>
 
     <!-- Import Js -->
     <script src="./main.js"></script>
+    <script>
+      const mountedApp = app.mount('#app')
+    </script>
   </body>
 </html>
diff --git a/main.js b/main.js
index aedc73d86..6bb902a25 100644
--- a/main.js
+++ b/main.js
@@ -1 +1,8 @@
-const product = 'Socks'
+const app = Vue.createApp({
+    data(){
+        return{
+            product : 'Sandels',
+            description : 'Sandels are good.'
+        }
+    }
+})
