From 51584e520b78c3322d3822d954d7780da2674c5c Mon Sep 17 00:00:00 2001
From: Qin Guan <qinguan20040914@gmail.com>
Date: Fri, 21 Jul 2023 13:57:27 +0800
Subject: [PATCH] feat: images?

---
 pages/s/[id]/analytics.vue | 16 +++++-----------
 pages/s/[id]/index.vue     | 10 +++++++---
 pages/thanks.vue           |  4 +---
 plugins/primevue.ts        | 11 ++++++++++-
 4 files changed, 23 insertions(+), 18 deletions(-)

diff --git a/pages/s/[id]/analytics.vue b/pages/s/[id]/analytics.vue
index 1e8a2dd..d03dec4 100644
--- a/pages/s/[id]/analytics.vue
+++ b/pages/s/[id]/analytics.vue
@@ -77,18 +77,12 @@ useSeoMeta({
         </div>
       </Dialog>
 
-      <Skeleton v-if="surveyPending" height="45px" />
-      <div
-        v-else-if="survey"
-      >
-        <div class="w-[135px]">
-          <NuxtImg preload width="135px" densities="x1 x2 x3" quality="100" src="/images/logo.webp" />
-        </div>
+      <NuxtImg preload height="135" alt="World Skills ASEAN" densities="x1 x2 x3" src="/images/logo.webp" />
 
-        <h1 v-if="survey" mt8 text-xl font-bold>
-          Responses for {{ survey.title }}
-        </h1>
-      </div>
+      <Skeleton v-if="surveyPending" height="45px" />
+      <h1 v-else-if="survey" mt8 text-xl font-bold>
+        Responses for {{ survey.title }}
+      </h1>
 
       <Skeleton v-if="surveyPending || responsesPending" height="500px" />
       <DashboardError v-else-if="responsesError" v-bind="responsesError" />
diff --git a/pages/s/[id]/index.vue b/pages/s/[id]/index.vue
index 71cb774..c6c477f 100644
--- a/pages/s/[id]/index.vue
+++ b/pages/s/[id]/index.vue
@@ -109,9 +109,7 @@ async function submit() {
       <DashboardError v-if="surveyError" v-bind="surveyError" />
       <template v-else-if="survey">
         <div mx-auto max-w-3xl container>
-          <div class="w-[135px]">
-            <NuxtImg preload width="135px" densities="x1 x2 x3" quality="100" src="/images/logo.webp" />
-          </div>
+          <NuxtImg preload height="135" alt="World Skills ASEAN" densities="x1 x2 x3" src="/images/logo.webp" />
 
           <div mt10>
             <h1 text-5xl font-bold>
@@ -195,6 +193,12 @@ async function submit() {
               </div>
             </ClientOnly>
           </form>
+
+          <br>
+
+          <small>
+            Never submit passwords. Your responses are saved on your device until you press "Submit".
+          </small>
         </div>
       </template>
     </main>
diff --git a/pages/thanks.vue b/pages/thanks.vue
index e8c0ad9..e383582 100644
--- a/pages/thanks.vue
+++ b/pages/thanks.vue
@@ -106,9 +106,7 @@ async function create() {
 <template>
   <div p-6 lg:px-30>
     <main flex flex-col gap10>
-      <div class="w-[135px]">
-        <NuxtImg preload width="135px" densities="x1 x2 x3" quality="100" src="/images/logo.webp" />
-      </div>
+      <NuxtImg peload height="135" alt="World Skills ASEAN" densities="x1 x2 x3" src="/images/logo.webp" />
 
       <section>
         <Skeleton v-if="surveyPending" height="200px" />
diff --git a/plugins/primevue.ts b/plugins/primevue.ts
index 3dbe86d..6f98f7a 100644
--- a/plugins/primevue.ts
+++ b/plugins/primevue.ts
@@ -1,3 +1,5 @@
+// @unocss-include
+
 import PrimeVue from 'primevue/config'
 import Tooltip from 'primevue/tooltip'
 import FocusTrap from 'primevue/focustrap'
@@ -5,7 +7,14 @@ import ToastService from 'primevue/toastservice'
 import ConfirmationService from 'primevue/confirmationservice'
 
 export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.vueApp.use(PrimeVue, { ripple: false })
+  nuxtApp.vueApp.use(PrimeVue, {
+    ripple: false,
+    pt: {
+      button: {
+        root: { class: 'py2! px3!' },
+      },
+    },
+  })
   nuxtApp.vueApp.use(ToastService)
   nuxtApp.vueApp.use(ConfirmationService)