🏗️ Setup Biome

.github/renovate.json

@@ -1,7 +1,4 @@
 {
-    "$schema": "https://docs.renovatebot.com/renovate-schema.json",
-    "extends": [
-        "config:js-app",
-        ":automergeMinor"
-    ]
-}
+	"$schema": "https://docs.renovatebot.com/renovate-schema.json",
+	"extends": ["config:js-app", ":automergeMinor"]
+}

biome.json

@@ -0,0 +1,7 @@
+{
+	"$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+	"files": {
+		"ignoreUnknown": false,
+		"ignore": [".nuxt"]
+	}
+}

components/ProgrammeDetails.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Programme } from '~/server/types.js';
+import type { Programme } from "~/server/types.js";
 
 defineProps<{ programme: Programme; shouldPreload: boolean }>();
 </script>

components/ProgrammeSummary.vue

@@ -1,30 +1,32 @@
 <script setup lang="ts">
-import type { Programme } from '~/server/types.js';
+import type { Programme } from "~/server/types.js";
 
+// biome-ignore lint/suspicious/noExplicitAny: generic function
 function deepToRaw<T extends Record<string, any>>(sourceObj: T): T {
-  const objectIterator = (input: any): any => {
-    if (Array.isArray(input)) {
-      return input.map((item) => objectIterator(item));
-    }
-    if (isRef(input) || isReactive(input) || isProxy(input)) {
-      return objectIterator(toRaw(input));
-    }
-    if (input && typeof input === 'object') {
-      return Object.keys(input).reduce((acc, key) => {
-        acc[key as keyof typeof acc] = objectIterator(input[key]);
-        return acc;
-      }, {} as T);
-    }
-    return input;
-  };
+	// biome-ignore lint/suspicious/noExplicitAny: generic function
+	const objectIterator = (input: any): any => {
+		if (Array.isArray(input)) {
+			return input.map((item) => objectIterator(item));
+		}
+		if (isRef(input) || isReactive(input) || isProxy(input)) {
+			return objectIterator(toRaw(input));
+		}
+		if (input && typeof input === "object") {
+			return Object.keys(input).reduce((acc, key) => {
+				acc[key as keyof typeof acc] = objectIterator(input[key]);
+				return acc;
+			}, {} as T);
+		}
+		return input;
+	};
 
-  return objectIterator(sourceObj);
+	return objectIterator(sourceObj);
 }
 
 const { programme } = defineProps<{
-  programme: Programme;
-  shouldPreload: boolean;
-  shouldLazyLoad: boolean;
+	programme: Programme;
+	shouldPreload: boolean;
+	shouldLazyLoad: boolean;
 }>();
 
 const historyUnsafeProgramme = deepToRaw(programme);

components/logo/Arte.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 withDefaults(defineProps<{ width?: number; height?: number }>(), {
-  width: 80,
-  height: 80,
+	width: 80,
+	height: 80,
 });
 </script>
 

components/logo/BfmTv.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 withDefaults(defineProps<{ width?: number; height?: number }>(), {
-  width: 80,
-  height: 80,
+	width: 80,
+	height: 80,
 });
 </script>
 

components/logo/C8.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 withDefaults(defineProps<{ width?: number; height?: number }>(), {
-  width: 80,
-  height: 80,
+	width: 80,
+	height: 80,
 });
 </script>
 

components/logo/CNews.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 withDefaults(defineProps<{ width?: number; height?: number }>(), {
-  width: 80,
-  height: 80,
+	width: 80,
+	height: 80,
 });
 </script>
 

components/logo/CStar.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 withDefaults(defineProps<{ width?: number; height?: number }>(), {
-  width: 80,
-  height: 80,
+	width: 80,
+	height: 80,
 });
 </script>
 

components/logo/CanalPlus.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 withDefaults(defineProps<{ width?: number; height?: number }>(), {
-  width: 80,
-  height: 80,
+	width: 80,
+	height: 80,
 });
 </script>
 

components/logo/France2.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 withDefaults(defineProps<{ width?: number; height?: number }>(), {
-  width: 80,
-  height: 80,
+	width: 80,
+	height: 80,
 });
 </script>
 

components/logo/France3.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 withDefaults(defineProps<{ width?: number; height?: number }>(), {
-  width: 80,
-  height: 80,
+	width: 80,
+	height: 80,
 });
 </script>
 

components/logo/France4.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 withDefaults(defineProps<{ width?: number; height?: number }>(), {
-  width: 80,
-  height: 80,
+	width: 80,
+	height: 80,
 });
 </script>
 

components/logo/France5.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 withDefaults(defineProps<{ width?: number; height?: number }>(), {
-  width: 80,
-  height: 80,
+	width: 80,
+	height: 80,
 });
 </script>
 

components/logo/Lcp.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 withDefaults(defineProps<{ width?: number; height?: number }>(), {
-  width: 80,
-  height: 80,
+	width: 80,
+	height: 80,
 });
 </script>
 

components/logo/M6.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 withDefaults(defineProps<{ width?: number; height?: number }>(), {
-  width: 80,
-  height: 80,
+	width: 80,
+	height: 80,
 });
 </script>
 

components/logo/Nrj12.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 withDefaults(defineProps<{ width?: number; height?: number }>(), {
-  width: 80,
-  height: 80,
+	width: 80,
+	height: 80,
 });
 </script>
 

components/logo/Tf1.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 withDefaults(defineProps<{ width?: number; height?: number }>(), {
-  width: 80,
-  height: 80,
+	width: 80,
+	height: 80,
 });
 </script>
 

components/logo/Tfx.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 withDefaults(defineProps<{ width?: number; height?: number }>(), {
-  width: 80,
-  height: 80,
+	width: 80,
+	height: 80,
 });
 </script>
 

components/logo/Tmc.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 withDefaults(defineProps<{ width?: number; height?: number }>(), {
-  width: 80,
-  height: 80,
+	width: 80,
+	height: 80,
 });
 </script>
 

components/logo/W9.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 withDefaults(defineProps<{ width?: number; height?: number }>(), {
-  width: 80,
-  height: 80,
+	width: 80,
+	height: 80,
 });
 </script>
 

components/programme/Categories.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 defineProps<{
-  categories: string[];
+	categories: string[];
 }>();
 
 function getCategoryClass(category: string) {
-  return `category--${category.replaceAll(/ /g, '-').toLowerCase()}`;
+	return `category--${category.replaceAll(/ /g, "-").toLowerCase()}`;
 }
 </script>
 

components/programme/Channel.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 defineProps<{
-  channel: string;
+	channel: string;
 }>();
 </script>
 

components/programme/Cover.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { Icon } from '~/server/types.js';
+import type { Icon } from "~/server/types.js";
 
 const props = defineProps<{
-  icon: Icon[];
-  preload: boolean;
+	icon: Icon[];
+	preload: boolean;
 }>();
 </script>
 

components/programme/EpisodeNumber.vue

@@ -1,20 +1,20 @@
 <script setup lang="ts">
-import type { EpisodeNumber } from '~/server/types.js';
+import type { EpisodeNumber } from "~/server/types.js";
 
 const props = defineProps<{
-  episodeNum: EpisodeNumber[];
+	episodeNum: EpisodeNumber[];
 }>();
 
 function getEpisodeNumber(episodeNum: EpisodeNumber[]) {
-  if (episodeNum && episodeNum.length > 0) {
-    const onscreenEpisodeNum = episodeNum.find(
-      ({ system }) => system === 'onscreen'
-    );
+	if (episodeNum && episodeNum.length > 0) {
+		const onscreenEpisodeNum = episodeNum.find(
+			({ system }) => system === "onscreen",
+		);
 
-    if (onscreenEpisodeNum !== undefined) {
-      return onscreenEpisodeNum._value;
-    }
-  }
+		if (onscreenEpisodeNum !== undefined) {
+			return onscreenEpisodeNum._value;
+		}
+	}
 }
 
 const episodeNumber = getEpisodeNumber(props.episodeNum);

components/programme/LargeCover.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { Icon } from '~/server/types.js';
+import type { Icon } from "~/server/types.js";
 
 defineProps<{
-  icon: Icon[];
-  preload: boolean;
-  lazyLoad: boolean;
+	icon: Icon[];
+	preload: boolean;
+	lazyLoad: boolean;
 }>();
 </script>
 

components/programme/Progress.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 const props = defineProps<{
-  start: string;
-  stop: string;
+	start: string;
+	stop: string;
 }>();
 
 const $start = new Date(props.start);

layouts/default.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 useHead({
-  htmlAttrs: {
-    lang: 'fr',
-  },
+	htmlAttrs: {
+		lang: "fr",
+	},
 });
 </script>