2 changed files with 6 additions and 13 deletions
--- a/index.html
+++ b/index.html
@ -6,13 +6,14 @@
    <!-- Import Styles -->
    <link rel="stylesheet" href="./assets/styles.css" />
    <!-- Import Vue.js -->
-    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
-    <!-- Import Js -->
-    <script type="module" src="./main.js"></script>
+    <script src="https://unpkg.com/vue@3.0.0-beta.12/dist/vue.global.js"></script>
  </head>
  <body>
    <div id="app">
-      <h1>{{ product }}</h1>
+      <h1>Product goes here</h1>
    </div>
+
+    <!-- Import Js -->
+    <script src="./main.js"></script>
  </body>
 </html>
--- a/main.js
+++ b/main.js
@ -1,9 +1 @@
-const app = Vue.createApp({
-    data() {
-        return {
-            product: 'Boots'
-        }
-    }
-}).mount('#app');
-
-app.product = "test"
+const product = 'Socks'