From e619617cdeea1b0da26b5e81648ba019463fe06c Mon Sep 17 00:00:00 2001
From: apb <bunce.andy@gmail.com>
Date: Fri, 7 Jan 2022 21:59:21 +0000
Subject: [PATCH] [mod] vuetify

---
 caddy/site/links/icon.png   | Bin 0 -> 633 bytes
 caddy/site/links/index.html |   3 ++-
 caddy/site/links/index.js   |  11 ++++-------
 3 files changed, 6 insertions(+), 8 deletions(-)
 create mode 100644 caddy/site/links/icon.png

diff --git a/caddy/site/links/icon.png b/caddy/site/links/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..91e72cf6dbc142352fcb54904196766f2a7d1faf
GIT binary patch
literal 633
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTCmUKs7M+SzC{oH>NS%G|oWRD<U
z28Jp%28M<f28Lfip@tU>45dJguM!v-tY$DUh!@P+6=(yLU`z6LcLCBs@Y8vBJ&@uo
z@Q5r1(g|SvA=~LZ0|R5Vr;B4q#=W=G&w4Q%inQ)uwc~PY-kQ6dO+QqAv5CG3+rCR`
z;roEEmNhc<at^U&YqzX;yvVp9_p#3;Pb1ws{CZO+%$Ysea_*J|8eNMtPGxQ2yu*~N
z&>xbV5b}lVT<wwG^VefvoXuyH=j5$nx~<5|)AA$u#brU8ZoB7Z+}Ctke?R){?7|$h
z`~6y@<9r5!>cuh_4@`Vv%v$E$5jRQAPSwawymWG|(iAPbWpe4hM|T|%&wLcDl>CMF
z%dC#r$z~u0;i1B>l~m*tyMD~5syzOJ;fG>wjaN!f(Sr-_DIU9KZ(rAD$0j#D;c@ET
zKig0GwKm>4Uh2|Qz4fo=#w|M}W-v)^{$9ktL-W`yA@6d<_L+%(Zl7yzzcMqsV0z{z
zcfx_N>mA-LKJkl6=TGKb`8p{f!Sb1x&fQjbi^OSX|1L86_s{=>Zgi}275|oAsSIh;
z3ue-C*;aDdF$Gn>*ZvV+Ve}zSqS|}I@`PId?$)QiKe*<o7+eU8cMTNbuVbvgtmV6s
zZP`O$e5jVVMwFx^mZVxG7o`Fz1|tI_BV7YST?6wFBSR}AODkhjZ36=<0|TFj1r{h8
da`RI%(<*Umu-$V4m{u4VJYD@<);T3K0RUB@?A`zX

literal 0
HcmV?d00001

diff --git a/caddy/site/links/index.html b/caddy/site/links/index.html
index bd4c20d..bfe5a6c 100644
--- a/caddy/site/links/index.html
+++ b/caddy/site/links/index.html
@@ -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>     
diff --git a/caddy/site/links/index.js b/caddy/site/links/index.js
index 910d461..95fcb56 100644
--- a/caddy/site/links/index.js
+++ b/caddy/site/links/index.js
@@ -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 () {