From 149a985f58ab5f517947936562f2a55623898a11 Mon Sep 17 00:00:00 2001
From: Romitou <romitou@protonmail.com>
Date: Tue, 25 Jun 2024 19:51:03 +0200
Subject: [PATCH] :art: Comply with Biome rules

---
 biome.json                      | 11 +++++
 components/ActiveBadge.vue      |  4 +-
 components/GameCard.vue         | 14 +++---
 components/GameLog.vue          |  6 +--
 components/ModifierCard.vue     |  8 +--
 components/PlayerCard.vue       |  8 +--
 components/RankBadge.vue        |  4 +-
 components/UpcomingGame.vue     |  1 -
 pages/discordLogin.vue          |  2 +-
 pages/index.vue                 |  8 ++-
 plugins/vue3-toastify.client.ts |  8 +--
 typings/api.ts                  | 88 ++++++++++++++++-----------------
 12 files changed, 89 insertions(+), 73 deletions(-)

diff --git a/biome.json b/biome.json
index 5fde9a0..62ef3ce 100644
--- a/biome.json
+++ b/biome.json
@@ -18,5 +18,16 @@
     "rules": {
       "recommended": true
     }
+  },
+  "javascript": {
+    "formatter": {
+      "arrowParentheses": "always",
+      "bracketSameLine": false,
+      "bracketSpacing": true,
+      "quoteStyle": "single",
+      "quoteProperties": "asNeeded",
+      "semicolons": "always",
+      "trailingCommas": "all"
+    }
   }
 }
diff --git a/components/ActiveBadge.vue b/components/ActiveBadge.vue
index 2bd2427..53e402b 100644
--- a/components/ActiveBadge.vue
+++ b/components/ActiveBadge.vue
@@ -11,7 +11,7 @@
 const props = defineProps({
   active: {
     type: Boolean,
-    required: true
-  }
+    required: true,
+  },
 });
 </script>
diff --git a/components/GameCard.vue b/components/GameCard.vue
index d4a07a8..f154aad 100644
--- a/components/GameCard.vue
+++ b/components/GameCard.vue
@@ -29,8 +29,8 @@
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import 'dayjs/locale/fr.js';
-import { PropType } from 'vue/dist/vue';
-import { Game } from '~/typings/api';
+import type { PropType } from 'vue/dist/vue';
+import type { Game } from '~/typings/api';
 
 // eslint-disable-next-line import/no-named-as-default-member
 dayjs.locale('fr');
@@ -40,13 +40,13 @@ dayjs.extend(relativeTime);
 const props = defineProps({
   game: {
     type: Object as PropType<Game>,
-    required: true
+    required: true,
   },
   selected: {
     type: Boolean,
     required: false,
-    default: false
-  }
+    default: false,
+  },
 });
 
 const isArchived = (game: Game) => {
@@ -54,7 +54,9 @@ const isArchived = (game: Game) => {
 };
 
 const format = (timestamp: number) => {
-  if (!timestamp || timestamp === -1) { return 'À venir'; }
+  if (!timestamp || timestamp === -1) {
+    return 'À venir';
+  }
   const formatted = dayjs(timestamp).fromNow();
   return formatted.charAt(0).toUpperCase() + formatted.slice(1);
 };
diff --git a/components/GameLog.vue b/components/GameLog.vue
index 2fe2da4..fc4d80b 100644
--- a/components/GameLog.vue
+++ b/components/GameLog.vue
@@ -24,13 +24,13 @@
 const props = defineProps({
   log: {
     type: String,
-    required: true
+    required: true,
   },
   last: {
     type: Boolean,
     required: false,
-    default: false
-  }
+    default: false,
+  },
 });
 </script>
 
diff --git a/components/ModifierCard.vue b/components/ModifierCard.vue
index 8c18d48..7ca62f9 100644
--- a/components/ModifierCard.vue
+++ b/components/ModifierCard.vue
@@ -15,14 +15,14 @@
 </template>
 
 <script setup lang="ts">
-import { PropType } from 'vue/dist/vue';
-import { Modifier } from '~/typings/api';
+import type { PropType } from 'vue/dist/vue';
+import type { Modifier } from '~/typings/api';
 
 const props = defineProps({
   modifier: {
     type: Object as PropType<Modifier>,
-    required: true
-  }
+    required: true,
+  },
 });
 
 const getDescription = (modifier: Modifier) => {
diff --git a/components/PlayerCard.vue b/components/PlayerCard.vue
index efbd530..2572a7f 100644
--- a/components/PlayerCard.vue
+++ b/components/PlayerCard.vue
@@ -23,14 +23,14 @@
 </template>
 
 <script setup lang="ts">
-import { PropType } from 'vue';
-import { Member } from '~/typings/api';
+import type { PropType } from 'vue';
+import type { Member } from '~/typings/api';
 
 const props = defineProps({
   player: {
     type: Object as PropType<Member>,
-    required: true
-  }
+    required: true,
+  },
 });
 </script>
 
diff --git a/components/RankBadge.vue b/components/RankBadge.vue
index f8ab2b6..fd43738 100644
--- a/components/RankBadge.vue
+++ b/components/RankBadge.vue
@@ -20,8 +20,8 @@
 const props = defineProps({
   rank: {
     type: String,
-    required: true
-  }
+    required: true,
+  },
 });
 </script>
 
diff --git a/components/UpcomingGame.vue b/components/UpcomingGame.vue
index e09ef3d..b32917b 100644
--- a/components/UpcomingGame.vue
+++ b/components/UpcomingGame.vue
@@ -30,7 +30,6 @@
 
 <script setup>
 import { SpeakerWaveIcon, XMarkIcon } from '@heroicons/vue/24/outline';
-import { useFetch } from '#app';
 import dayjs, { extend, locale } from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import 'dayjs/locale/fr';
diff --git a/pages/discordLogin.vue b/pages/discordLogin.vue
index d147df8..06c3013 100644
--- a/pages/discordLogin.vue
+++ b/pages/discordLogin.vue
@@ -18,7 +18,7 @@
 import { useUserStore } from '~/stores/user';
 
 definePageMeta({
-  layout: 'standalone'
+  layout: 'standalone',
 });
 
 onMounted(() => {
diff --git a/pages/index.vue b/pages/index.vue
index 5803d31..8d85ff9 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -108,7 +108,12 @@
 </template>
 
 <script setup lang="ts">
-import { ArrowDownIcon, ClipboardIcon, ClipboardDocumentCheckIcon, ArrowTopRightOnSquareIcon } from '@heroicons/vue/24/outline';
+import {
+  ArrowDownIcon,
+  ArrowTopRightOnSquareIcon,
+  ClipboardDocumentCheckIcon,
+  ClipboardIcon,
+} from '@heroicons/vue/24/outline';
 
 const copied = ref(false);
 
@@ -119,7 +124,6 @@ const copy = () => {
     copied.value = false;
   }, 2000);
 };
-
 </script>
 
 <style scoped>
diff --git a/plugins/vue3-toastify.client.ts b/plugins/vue3-toastify.client.ts
index fcd08eb..92e9b62 100644
--- a/plugins/vue3-toastify.client.ts
+++ b/plugins/vue3-toastify.client.ts
@@ -1,14 +1,14 @@
-import Vue3Toastify, { Options, toast } from 'vue3-toastify';
+import Vue3Toastify, { type Options, toast } from 'vue3-toastify';
 import { defineNuxtPlugin } from '#app';
 import 'vue3-toastify/dist/index.css';
 
 export default defineNuxtPlugin((nuxtApp) => {
   nuxtApp.vueApp.use(Vue3Toastify, {
     theme: 'dark',
-    position: 'bottom-right'
-  } as Options as any);
+    position: 'bottom-right',
+  } as Options);
 
   return {
-    provide: { toast }
+    provide: { toast },
   };
 });
diff --git a/typings/api.ts b/typings/api.ts
index 3cf0e78..1cc9245 100644
--- a/typings/api.ts
+++ b/typings/api.ts
@@ -1,70 +1,70 @@
 export interface Member {
-    name: string;
-    rank: string;
-    uuid: string;
-    kills: number;
-    deaths: number;
-    wins: number;
+  name: string;
+  rank: string;
+  uuid: string;
+  kills: number;
+  deaths: number;
+  wins: number;
 }
 
 export interface Modifier {
-    name: string;
-    enabled: boolean;
-    material: string;
-    description: string[];
-    web: string[];
+  name: string;
+  enabled: boolean;
+  material: string;
+  description: string[];
+  web: string[];
 }
 
 export interface Team {
-    name: string;
-    colors: number[];
+  name: string;
+  colors: number[];
 }
 
 export interface Game {
-    id: number;
-    name: string;
-    type: string;
-    status: string;
-    alive: string[];
-    players: string[];
-    modifiers: string[] | undefined;
-    logs: string[];
-    moles: string[] | undefined;
-    teams: Team[] | undefined;
-    events: string[] | undefined;
-    playerRoles: Record<string, string> | undefined;
-    playerTeams: Record<string, string> | undefined;
-    finalTeams: Record<string, string> | undefined;
-    hours: number;
-    minutes: number;
-    seconds: number;
-    startDate: number;
-    scheduleDate: number;
-    archiveDate: number;
+  id: number;
+  name: string;
+  type: string;
+  status: string;
+  alive: string[];
+  players: string[];
+  modifiers: string[] | undefined;
+  logs: string[];
+  moles: string[] | undefined;
+  teams: Team[] | undefined;
+  events: string[] | undefined;
+  playerRoles: Record<string, string> | undefined;
+  playerTeams: Record<string, string> | undefined;
+  finalTeams: Record<string, string> | undefined;
+  hours: number;
+  minutes: number;
+  seconds: number;
+  startDate: number;
+  scheduleDate: number;
+  archiveDate: number;
 }
 
 export interface GameResponse {
-    games: Game[];
-    archivedGames: Game[];
+  games: Game[];
+  archivedGames: Game[];
 }
 
 export interface Stats {
-    games: number;
-    members: number;
-    modifiers: number;
+  games: number;
+  members: number;
+  modifiers: number;
 }
 
 export interface DiscordProfile {
-    id: number;
-    username: string;
+  id: number;
+  username: string;
 }
 
 export interface MinecraftProfile {
-    uuid: string;
-    username: string;
+  uuid: string;
+  username: string;
 }
 
 export interface User {
-    discordProfile: DiscordProfile;
-    minecraftProfile: MinecraftProfile;
+  discordProfile: DiscordProfile;
+  minecraftProfile: MinecraftProfile;
 }