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>
+    <script src="https://unpkg.com/vue@3.0.0-beta.12/dist/vue.global.js"></script>
    <!-- Import Js -->
    <script type="module" src="./main.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({
+const product = 'Socks'
    data() {
        return {
            product: 'Boots'
        }
    }
 }).mount('#app');
 app.product = "test"