From b5773f1be5e89b948b52f059e37d30dfbc6568d7 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Mon, 4 Sep 2023 17:34:02 +0200
Subject: [PATCH] lint code

---
 src/components/header/Header.vue     | 19 ++++---
 src/middleware/maintenance.global.ts |  5 +-
 src/pages/maintenance.vue            | 74 +++++++++++++++-------------
 src/pages/talents.vue                |  1 -
 4 files changed, 52 insertions(+), 47 deletions(-)

diff --git a/src/components/header/Header.vue b/src/components/header/Header.vue
index a292afb..7b25181 100644
--- a/src/components/header/Header.vue
+++ b/src/components/header/Header.vue
@@ -1,3 +1,12 @@
+<script setup lang="ts">
+defineProps({
+  navigation: {
+    type: Boolean,
+    default: true,
+  },
+})
+</script>
+
 <template>
   <header class="z-30 sticky top-0 left-0 flex justify-center w-full">
     <div class="w-full px-4 sm:px-6 lg:px-8 sm:mx-8 max-w-7xl py-4 flex justify-between bg-white dark:bg-zinc-900 border-b border-zinc-100 dark:border-zinc-300/10">
@@ -15,13 +24,3 @@
     </div>
   </header>
 </template>
-
-<script setup lang="ts">
-
-defineProps({
-  navigation: {
-    type: Boolean,
-    default: true,
-  },
-})
-</script>
diff --git a/src/middleware/maintenance.global.ts b/src/middleware/maintenance.global.ts
index f6a0349..83527ff 100644
--- a/src/middleware/maintenance.global.ts
+++ b/src/middleware/maintenance.global.ts
@@ -1,10 +1,11 @@
 export default defineNuxtRouteMiddleware(async (to) => {
-  let isMaintenance = ref<Boolean>(true)
+  const isMaintenance = ref<boolean>(true)
   const { $trpc } = useNuxtApp()
 
   try {
     isMaintenance.value = await $trpc.maintenance.is.query()
-  } catch (error) {
+  }
+  catch (error) {
     return navigateTo('/maintenance')
   }
 
diff --git a/src/pages/maintenance.vue b/src/pages/maintenance.vue
index 033e5f8..1a90ed6 100644
--- a/src/pages/maintenance.vue
+++ b/src/pages/maintenance.vue
@@ -1,39 +1,10 @@
-<template>
-  <section class="w-full min-h-[80svh] flex justify-center items-center">
-    <div class="text-center space-y-8 max-w-5xl">
-      <h3 class="text-subtitle uppercase text-sm">Coming back soon</h3>
-      <h1 class="text-4xl md:text-7xl font-bold">
-        The website is under maintenance
-      </h1>
-      <div v-if="maintenance">
-        <p class="text-subtitle">
-          {{ maintenance.reason }}
-        </p>
-        <div>
-          <p class="text-subtitle">
-            Maintenance planned from {{ useDateFormat(maintenance.beginAt, format).value }} to {{ useDateFormat(maintenance.endAt, format).value }}
-          </p>
-        </div>
-      </div>
-      <div class="flex justify-center items-center gap-4">
-        <UButton
-          v-for="social in socials"
-          :key="social.name"
-          :icon="social.icon"
-          size="md"
-          :link="social.link"
-          variant="ghost"
-          target="_blank"
-          :ui="{ rounded: 'rounded-full' }"
-        />
-      </div>
-    </div>
-  </section>
-</template>
-
 <script lang="ts" setup>
 definePageMeta({
-  layout: 'maintenance'
+  layout: 'maintenance',
+})
+
+useHead({
+  title: 'Site under maintenance • Arthur Danjou',
 })
 
 const { $trpc } = useNuxtApp()
@@ -63,3 +34,38 @@ const socials = [
   },
 ]
 </script>
+
+<template>
+  <section class="w-full min-h-[80svh] flex justify-center items-center">
+    <div class="text-center space-y-8 max-w-5xl">
+      <h3 class="text-subtitle uppercase text-sm">
+        Coming back soon
+      </h3>
+      <h1 class="text-4xl md:text-7xl font-bold">
+        The website is under maintenance
+      </h1>
+      <div v-if="maintenance">
+        <p class="text-subtitle">
+          {{ maintenance.reason }}
+        </p>
+        <div>
+          <p class="text-subtitle">
+            Maintenance planned from {{ useDateFormat(maintenance.beginAt, format).value }} to {{ useDateFormat(maintenance.endAt, format).value }}
+          </p>
+        </div>
+      </div>
+      <div class="flex justify-center items-center gap-4">
+        <UButton
+          v-for="social in socials"
+          :key="social.name"
+          :icon="social.icon"
+          size="md"
+          :link="social.link"
+          variant="ghost"
+          target="_blank"
+          :ui="{ rounded: 'rounded-full' }"
+        />
+      </div>
+    </div>
+  </section>
+</template>
diff --git a/src/pages/talents.vue b/src/pages/talents.vue
index ddb434c..1a050f2 100644
--- a/src/pages/talents.vue
+++ b/src/pages/talents.vue
@@ -141,4 +141,3 @@ const getColor = computed(() => `text-${appConfig.ui.primary}-500`)
     </div>
   </section>
 </template>
-