b.santos/cloud-cap-samples
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change to Vue 3

Browse Source
This commit is contained in:
D065023
2022-02-09 10:10:19 +01:00
parent f4f02f6fe5
commit bbf20b1ca3
4 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
bookshop/app/vue/app.js
View File

@@ -3,14 +3,14 @@ const $ = sel => document.querySelector(sel)
const GET = (url) => axios.get('/browse'+url) const GET = (url) => axios.get('/browse'+url)
const POST = (cmd,data) => axios.post('/browse'+cmd,data) const POST = (cmd,data) => axios.post('/browse'+cmd,data)
const books = new Vue ({ const books = Vue.createApp ({
el:'#app', data() {
return {
data: {
list: [], list: [],
book: undefined, book: undefined,
order: { quantity:1, succeeded:'', failed:'' } order: { quantity:1, succeeded:'', failed:'' }
}
}, },
methods: { methods: {
@@ -42,7 +42,7 @@ const books = new Vue ({
} }
} }
}) }).mount("#app")
// initially fill list of books // initially fill list of books
books.fetch() books.fetch()

2
bookshop/app/vue/index.html
View File

@@ -17,7 +17,7 @@
<body class="small-container", style="margin-top: 70px;"> <body class="small-container", style="margin-top: 70px;">
<div id='app'> <div id='app'>
<h1> {{ document.title }} </h1> <h1> Capire Books </h1>
<input type="text" placeholder="Search..." @input="search"> <input type="text" placeholder="Search..." @input="search">

20
reviews/app/vue/app.js
View File

@@ -4,21 +4,21 @@ const GET = (url) => axios.get('/reviews'+url)
const PUT = (cmd,data) => axios.patch('/reviews'+cmd,data) const PUT = (cmd,data) => axios.patch('/reviews'+cmd,data)
const POST = (cmd,data) => axios.post('/reviews'+cmd,data) const POST = (cmd,data) => axios.post('/reviews'+cmd,data)
const reviews = new Vue ({ const reviews = Vue.createApp ({
el:'#app', data() {
return {
data: { list: [],
list: [], review: undefined,
review: undefined, message: {},
message: {}, Ratings: Object.entries({
Ratings: Object.entries({
5 : '★★★★★', 5 : '★★★★★',
4 : '★★★★', 4 : '★★★★',
3 : '★★★', 3 : '★★★',
2 : '★★', 2 : '★★',
1 : '★', 1 : '★',
}).reverse() }).reverse()
}
}, },
methods: { methods: {
@@ -66,7 +66,7 @@ const reviews = new Vue ({
datetime: (d) => d && new Date(d).toLocaleString(), datetime: (d) => d && new Date(d).toLocaleString(),
}, },
}) }).mount("#app")
// initially fill list of my reviews // initially fill list of my reviews
reviews.fetch() reviews.fetch()

2
reviews/app/vue/index.html
View File

@@ -18,7 +18,7 @@
<body class="small-container", style="margin-top: 70px;"> <body class="small-container", style="margin-top: 70px;">
<div id='app'> <div id='app'>
<h1> {{ document.title }} </h1> <h1> Capire Reviews </h1>
<input type="text" placeholder="Search..." @input="search"> <input type="text" placeholder="Search..." @input="search">