From 036265544f275ac055ddca0d60f41dcb9c88d3a3 Mon Sep 17 00:00:00 2001
From: ccbikai <ccbikai@qq.com>
Date: Sat, 8 Jun 2024 19:17:49 +0800
Subject: [PATCH] chore: a11y

---
 app.vue                       |   5 +++--
 components/home/Cta.vue       |   3 ++-
 components/home/Hero.vue      |   2 ++
 components/home/Twitter.vue   |   1 +
 components/layouts/Footer.vue |   4 +++-
 components/layouts/Header.vue |   5 ++++-
 public/icon-192.png           | Bin 0 -> 1403 bytes
 7 files changed, 15 insertions(+), 5 deletions(-)
 create mode 100644 public/icon-192.png

diff --git a/app.vue b/app.vue
index e804b96..1078721 100644
--- a/app.vue
+++ b/app.vue
@@ -1,8 +1,9 @@
 <script setup>
 const { title, description, image } = useAppConfig()
-useSeoMeta({
+useServerSeoMeta({
   title,
   description,
+  ogType: 'website',
   ogTitle: title,
   ogDescription: description,
   ogImage: image,
@@ -20,7 +21,7 @@ useHead({
     {
       rel: 'icon',
       type: 'image/png',
-      href: '/sink.png',
+      href: '/icon-192.png',
     },
   ],
 })
diff --git a/components/home/Cta.vue b/components/home/Cta.vue
index 234d61d..3894392 100644
--- a/components/home/Cta.vue
+++ b/components/home/Cta.vue
@@ -3,7 +3,7 @@
     class="flex flex-col items-center max-w-4xl p-8 mx-auto my-12 text-center bg-black rounded-lg md:px-20 md:py-20"
   >
     <h2 class="text-4xl tracking-tight text-white md:text-6xl">
-      Deployment immediately.
+      Deployment immediately
     </h2>
     <p class="mt-4 text-lg text-slate-400 md:text-xl">
       With just a few simple clicks, you can start deploying without any expenses.
@@ -12,6 +12,7 @@
       <HomeLink
         href="https://github.com/ccbikai/sink?tab=readme-ov-file#%EF%B8%8F-deployment"
         type="inverted"
+        title="Start Deploy"
       >
         Start Deploy
       </HomeLink>
diff --git a/components/home/Hero.vue b/components/home/Hero.vue
index a648047..d1f7e15 100644
--- a/components/home/Hero.vue
+++ b/components/home/Hero.vue
@@ -23,6 +23,7 @@ const { title, description } = useAppConfig()
         <HomeLink
           href="/dashboard"
           target="_blank"
+          title="Dashboard"
           class="flex items-center justify-center gap-1"
           rel="noopener"
         >
@@ -36,6 +37,7 @@ const { title, description } = useAppConfig()
           type="outline"
           rel="noopener"
           href="https://github.com/ccbikai/sink"
+          title="Github"
           class="flex items-center justify-center gap-1"
           target="_blank"
         >
diff --git a/components/home/Twitter.vue b/components/home/Twitter.vue
index e3557db..5a9de64 100644
--- a/components/home/Twitter.vue
+++ b/components/home/Twitter.vue
@@ -7,6 +7,7 @@ import { ArrowRight } from 'lucide-vue-next'
   <a
     href="https://x.com/ccbikai"
     target="_blank"
+    title="X(Twitter)"
     class="inline-flex items-center px-3 py-1 mx-auto my-4 space-x-1 text-sm font-medium rounded-lg bg-muted"
   >
     <XIcon class="w-4 h-4" />
diff --git a/components/layouts/Footer.vue b/components/layouts/Footer.vue
index cac47d0..eb64305 100644
--- a/components/layouts/Footer.vue
+++ b/components/layouts/Footer.vue
@@ -12,12 +12,14 @@ onMounted(() => {
     <div class="container flex flex-col items-center py-8 mx-auto sm:flex-row">
       <a
         href="/"
-        class="text-xl font-black leading-none text-gray-900 dark:text-gray-100 select-none logo"
+        class="text-xl font-black leading-none text-gray-900 select-none dark:text-gray-100 logo"
+        title="Sink"
       >Sink</a>
       <a
         class="mt-4 text-sm text-gray-500 sm:ml-4 sm:pl-4 sm:border-l sm:border-gray-200 sm:mt-0"
         href="https://html.zone"
         target="_blank"
+        title="HTML.ZONE"
       >
         &copy; {{ new Date().getFullYear() }} Products of HTML.ZONE
       </a>
diff --git a/components/layouts/Header.vue b/components/layouts/Header.vue
index 1d67bd0..900d4a8 100644
--- a/components/layouts/Header.vue
+++ b/components/layouts/Header.vue
@@ -15,6 +15,7 @@ const showMenu = ref(false)
         <div class="flex items-center justify-start w-1/4 h-full pr-4">
           <a
             href="/"
+            title="Sink"
             class="flex items-center py-4 space-x-2 text-xl font-black text-gray-900 dark:text-gray-100 md:py-0"
           >
             <span
@@ -40,7 +41,7 @@ const showMenu = ref(false)
           >
             <a
               href="/"
-              target="_blank"
+              title="Sink"
               class="inline-flex items-center w-auto h-16 px-4 text-xl font-black leading-none text-gray-900 dark:text-gray-100 md:hidden"
             >
               <span
@@ -61,10 +62,12 @@ const showMenu = ref(false)
               <a
                 class="w-full px-6 py-2 mr-0 text-gray-700 cursor-pointer dark:text-gray-300 md:px-3 md:mr-2 lg:mr-3 md:w-auto"
                 href="/dashboard"
+                title="Sink Dashboard"
               >Dashboard</a>
               <a
                 href="https://github.com/ccbikai/sink"
                 target="_blank"
+                title="Github"
                 class="inline-flex items-center w-full px-6 py-3 text-sm font-medium leading-4 text-white bg-gray-900 md:px-3 md:w-auto md:rounded-full hover:bg-gray-800 focus:outline-none md:focus:ring-2 focus:ring-0 focus:ring-offset-2 focus:ring-gray-800"
               >
                 <GitHubIcon
diff --git a/public/icon-192.png b/public/icon-192.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