From 5abc4af3f5995b44dfcbbc58a16634283c471f24 Mon Sep 17 00:00:00 2001
From: ccbikai <ccbikai@gmail.com>
Date: Wed, 25 Dec 2024 12:13:50 +0800
Subject: [PATCH] fix: updates image resources and fixes metrics

- Changes fallback image path from sink.png to icon.png
- Adds lazy loading attribute to improve performance
- Fixes v-slot syntax in metrics list component
- Updates "No more" text to "No more links" for clarity
---
 components/dashboard/links/Index.vue          |   2 +-
 components/dashboard/links/Link.vue           |   6 ++++--
 components/dashboard/metrics/List.vue         |   2 +-
 components/dashboard/metrics/name/Referer.vue |   4 +++-
 public/icon.png                               | Bin 0 -> 1403 bytes
 5 files changed, 9 insertions(+), 5 deletions(-)
 create mode 100644 public/icon.png

diff --git a/components/dashboard/links/Index.vue b/components/dashboard/links/Index.vue
index f2497fe..b0a56eb 100644
--- a/components/dashboard/links/Index.vue
+++ b/components/dashboard/links/Index.vue
@@ -80,7 +80,7 @@ function updateLinkList(link, type) {
       v-if="!isLoading && listComplete"
       class="flex items-center justify-center text-sm"
     >
-      No more
+      No more links
     </div>
     <div
       v-if="listError"
diff --git a/components/dashboard/links/Link.vue b/components/dashboard/links/Link.vue
index f8f6763..e59f6a4 100644
--- a/components/dashboard/links/Link.vue
+++ b/components/dashboard/links/Link.vue
@@ -23,7 +23,7 @@ function getLinkHost(url) {
 }
 
 const shortLink = computed(() => `${origin}/${props.link.slug}`)
-const linkIcon = computed(() => `https://unavatar.io/${getLinkHost(props.link.url)}?fallback=https://sink.cool/sink.png`)
+const linkIcon = computed(() => `https://unavatar.io/${getLinkHost(props.link.url)}?fallback=https://sink.cool/icon.png`)
 
 const { copy, copied } = useClipboard({ source: shortLink.value, copiedDuring: 400 })
 
@@ -44,11 +44,13 @@ function updateLink(link, type) {
           <AvatarImage
             :src="linkIcon"
             alt="@radix-vue"
+            loading="lazy"
           />
           <AvatarFallback>
             <img
-              src="/sink.png"
+              src="/icon.png"
               alt="Sink"
+              loading="lazy"
             >
           </AvatarFallback>
         </Avatar>
diff --git a/components/dashboard/metrics/List.vue b/components/dashboard/metrics/List.vue
index 144cb27..053ca31 100644
--- a/components/dashboard/metrics/List.vue
+++ b/components/dashboard/metrics/List.vue
@@ -30,7 +30,7 @@ defineProps({
       </div>
     </div>
     <VList
-      v-slot="metric"
+      v-slot="{ item: metric }"
       :data="metrics"
       :style="{ height: '342px' }"
     >
diff --git a/components/dashboard/metrics/name/Referer.vue b/components/dashboard/metrics/name/Referer.vue
index 9ca5474..4d0d0ef 100644
--- a/components/dashboard/metrics/name/Referer.vue
+++ b/components/dashboard/metrics/name/Referer.vue
@@ -17,11 +17,13 @@ defineProps({
       <AvatarImage
         :src="`https://unavatar.io/${name}?fallback=false`"
         alt="@radix-vue"
+        loading="lazy"
       />
       <AvatarFallback>
         <img
-          src="/sink.png"
+          src="/icon.png"
           alt="Sink"
+          loading="lazy"
         >
       </AvatarFallback>
     </Avatar>
diff --git a/public/icon.png b/public/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..c8b1245b3b2b69e849b537bbfbbabecb2427a387
GIT binary patch
literal 1403
zcmV->1%&#EP)<h;3K|Lk000e1NJLTq006)M006)Q0{{R3pz?7v00004XF*Lt006O%
z3;baP00001b5ch_0Itp)=>Px#Cs0gOMMrQ<000000000000000|Ns9pGc#adVDInm
zx3{<0*w`2t7>$jM6Y?KK00004bW%=J0D!+hM<<T`000EyNkl<Zc-qCBO;+MS5XTeY
z06}vA3>*N_0}v?5<6~)$FwdpV^8olb0nWm$+(1@tT{y0X_vTn)NFX=~)W6dOwWoh{
z)xWF1s$*GfJ3sckDpAw(N+*_SE1Y?>VW*{<$>!^nV#W}KW6H2oBZxX}vHZa(c(m30
zoSmpwX_uXdxn~t@;r1795^i6c;1Y=vfcCWrbs|v$*glbiwQm!N5(-4J1Xl;(3kG0m
zEx`a_PO9nxm`=JN5+&G_!yG9E0bMvElI=n@AD}5T1lCp-$Pt@XlaeTFJR9i1_AXqQ
z0Bq|5k!%-^%mB(#V_@f4u!&^5;F<#X!X3!UNUk|ROHiXr6ZTMgm|c?qUnmW28_h+t
zfU>NIQha0+$@-{h8qm=9P<uQc;XVTXTUV(k*hfeR=1RT5Izl`&QR*4aM?eQUiU(-w
zdgy)u_>1OjM5MC?V1x=42tlB@0ADWzAB*+}x8S4zic}5Wz-&>(M5+d8Ms+cfsv$Zv
zgCbQo-~tQ@!SoAo4W?`x6sh_FPHVuT{XGO+fy*No6Dcp5CWF9lzc&j3&lmt$u=K<B
zdAV*KWgy0POTdVrDD%g0Z>k00izt|c?K5-TN=AGUbrlF`f+AXqRQ-Ho{{j<Hdlmt(
z^_`81l$%WBd6~aCzK;Mmd_WmeY2+bxGL0sFwn~GjeReX9bjns~Ck9*z0Ulz&3m?z~
zhCzE01D^Q+0){~>QXrXz1Hnc`3gkKrFkJy|2^ncNDpDZVg(HnSkUv%cAlH2Xil|7{
z5CJr}fZl8kz;?42s7TfD*UH`)L)k?|nzY~M0Mk^!?y1LT0@itA!-kAxR7Ixy?{;kr
zFi!`(ngS$5x?v+zfWFd<F&B_7QuW9I<Pa%qVqgJ+bdj>sDhtp_?*MCkWMP?f!(L1Q
zGKTSBWD1ZaQr5h{k?DInfVIG5je{H_WdVW=58avq{K+9w79b-}JQ)K_bu%e<M$?_l
zBEard#Xrr-j1B0mmnjKvG1u@d<UlYP4(7ole`U9ERsrlZ8_*SRVrqV6{-g{65^0sY
z32~q!$2KzE#{lGlE<mPx9Y9~f8_gPg`2p^tu#5aID$?){fq$Y#m+)R61l++p<ra2%
z@Br^K8(6i*92IGJAO(!HDSTMrU?<Bnc&lH7jy2<42b|eq6)kbDdm==ofKDU8fGyJK
zXqhde06wc|XaRszO$WQ6=)*^LHLPx_15NiU5%B?CRHQz5&2<UpiPbe1H_CVDnWF>N
z%{-vzT@F~CHs_r|{TE|)5T>9=eYAjY0v?(+z~ZIe1QThp?t!1{UUfpiyh8{;k@{%i
zMu6RLZ4_?U++6pl7Xsc$=)jjBV5w{e6R8iEvUasa${Y#r(EStPMP$KvtnDFag^G(*
zpwuy?rqwmuzAsf0o#mlDl!J;Fw3_vibBLm1Go}049@;};w|Hr~xiCA2dLAJEz@Z?h
z(LFsf5q~Bl{?JGMsZxF+RSx}JEN@0CAO6Xn{G-D>U0}W~b>$+wr>CpB<GEt7&6QG6
zE+;`BHIRP7twE?*pt-{B%YO(!{!<13p<-F01nu@Mt0dgMWu5I#aJkxFtO9np$;<y`
zl`}E-?CZlYUx?ITSB!o=r}V8G-igWPqhORguNr<{==7Zbt50PrZLrHS3}OHP002ov
JPDHLkV1lH-XE6W(

literal 0
HcmV?d00001