[mod] vuetify

This commit is contained in:
Andy Bunce 2022-01-07 21:59:21 +00:00
parent 3411ef7c9f
commit e619617cde
3 changed files with 6 additions and 8 deletions

BIN
caddy/site/links/icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 633 B

View file

@ -18,8 +18,9 @@
<li v-for="item in json"><a :href="item.href">{{ item.text }}</a></li>
</ul>
<button v-on:click="load">hits {{ hits }}</button>
<v-btn v-on:click="load">hits {{ hits }}</v-btn>
<div> {{ message }}</div>
<iframe name="srv" src="icon.png" width="100%"></iframe>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js" crossorigin="anonymous"></script>
<script src="//unpkg.com/vuetify@2.6.2/dist/vuetify.min.js" crossorigin="anonymous"></script>

View file

@ -1,24 +1,21 @@
// app
Vue.use(Vuetify);
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!',
json: null,
json: links,
hits:0,
loaded: null
},
filters: {
pretty: function(value) {
return JSON.stringify(JSON.parse(value), null, 2);
}
},
methods:{
load() {
this.loaded = new Date()
this.hits += 1
fetch("links.json")
.then(response => response.json())
.then(data => (this.json = data));
.then(data => (this.links = data));
}
},
mounted () {