Change to Vue 3

2022-02-09 10:10:19 +01:00
parent f4f02f6fe5
commit bbf20b1ca3
4 changed files with 17 additions and 17 deletions
--- a/bookshop/app/vue/app.js
+++ b/bookshop/app/vue/app.js
@@ -3,14 +3,14 @@ const $ = sel => document.querySelector(sel)
 const GET = (url) => axios.get('/browse'+url)
 const POST = (cmd,data) => axios.post('/browse'+cmd,data)

-const books = new Vue ({
+const books = Vue.createApp ({

-    el:'#app',
-
-    data: {
+    data() {
+      return {
        list: [],
        book: undefined,
        order: { quantity:1, succeeded:'', failed:'' }
+      }
    },

    methods: {
@@ -42,7 +42,7 @@ const books = new Vue ({
        }

    }
-})
+}).mount("#app")

 // initially fill list of books
 books.fetch()
--- a/bookshop/app/vue/index.html
+++ b/bookshop/app/vue/index.html
@@ -17,7 +17,7 @@
 <body class="small-container", style="margin-top: 70px;">
 <div id='app'>

-    <h1> {{ document.title }} </h1>
+    <h1> Capire Books </h1>

    <input type="text" placeholder="Search..." @input="search">