Code-Pop · aldrinMaq · Jun 20, 2023
diff --git a/.idea/.gitignore b/.idea/.gitignore
diff --git a/.idea/Intro-to-Vue-3.iml b/.idea/Intro-to-Vue-3.iml
diff --git a/.idea/misc.xml b/.idea/misc.xml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/index.html b/index.html
@@ -6,14 +6,19 @@
     <!-- Import Styles -->
     <link rel="stylesheet" href="./assets/styles.css" />
     <!-- Import Vue.js -->
-    <script src="https://unpkg.com/vue@3.0.0-beta.12/dist/vue.global.js"></script>
+    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
   </head>
   <body>
     <div id="app">
-      <h1>Product goes here</h1>
+      <h1> {{ product }}</h1>
     </div>
 
-    <!-- Import Js -->
+    <!-- Import App -->
     <script src="./main.js"></script>
+
+    <!-- Mount App -->
+    <script>
+      const mountedApp = app.mount('#app ')
+    </script>
   </body>
 </html>
diff --git a/main.js b/main.js
@@ -1 +1,7 @@
-const product = 'Socks'
+const app = Vue.createApp ({
+    data: function () {
+        return {
+            product: 'Socks'
+        }
+    }
+})