es lint

components/Common/Article.vue

@@ -1,51 +1,47 @@
 <template>
-  <v-col cols="12" md="6" class="image-container d-flex justify-center" v-if="!pictureRight && mdAndUp">
-    <v-img
-        max-width="350"
-        :src="article.image"
-        :alt="article.imageAlt"
-    />
+  <v-col
+    v-if="!pictureRight && mdAndUp"
+    cols="12"
+    md="6"
+    class="image-container d-flex justify-center"
+  >
+    <v-img max-width="350" :src="article.image" :alt="article.imageAlt" />
   </v-col>
 
   <v-col cols="12" md="6">
-    <h3>{{article.title}}</h3>
-    <p>{{article.text}}</p>
-    <v-btn
-        max-width="510px"
-        :href="article.btnHref"
-        target="_blank"
-    >
-      {{article.btnTitle}}
+    <h3>{{ article.title }}</h3>
+    <p>{{ article.text }}</p>
+    <v-btn max-width="510px" :href="article.btnHref" target="_blank">
+      {{ article.btnTitle }}
     </v-btn>
   </v-col>
 
-  <v-col cols="12" md="6" class="image-container d-flex justify-center" v-if="pictureRight || (mdAndDown && !md)">
-    <v-img
-        max-width="350"
-        :src="article.image"
-        :alt="article.imageAlt"
-    />
+  <v-col
+    v-if="pictureRight || (mdAndDown && !md)"
+    cols="12"
+    md="6"
+    class="image-container d-flex justify-center"
+  >
+    <v-img max-width="350" :src="article.image" :alt="article.imageAlt" />
   </v-col>
-
-
 </template>
 
 <script setup lang="ts">
-import type {PropType} from "vue";
-import type {Article} from "~/types/interface";
-import {useDisplay} from "vuetify";
+import type { PropType } from 'vue'
+import { useDisplay } from 'vuetify'
+import type { Article } from '~/types/interface'
 
 const { mdAndUp, mdAndDown, md } = useDisplay()
 
-const props = defineProps({
+defineProps({
   article: {
     type: Object as PropType<Article>,
     required: true,
   },
-  pictureRight:{
+  pictureRight: {
     type: Boolean,
-    default: true
-  }
+    default: true,
+  },
 })
 </script>
 

components/Common/Meta.vue

@@ -6,8 +6,6 @@ Définit les balises meta de la page
 </template>
 
 <script setup lang="ts">
-import type { PropType } from 'vue'
-
 const props = defineProps({
   title: {
     type: String,

components/Partnerships/Benefit.vue

@@ -5,9 +5,7 @@ Section "Bénéfices" de la page du nos partenaires
   <AnchoredSection id="benefits">
     <LayoutContainer>
       <v-row class="center-90">
-        <LayoutUISubTitle>
-          Les bénéfices
-        </LayoutUISubTitle>
+        <LayoutUISubTitle> Les bénéfices </LayoutUISubTitle>
 
         <LayoutUITitle>
           Pourquoi rejoindre l'écosystème Opentalent ?
@@ -15,22 +13,22 @@ Section "Bénéfices" de la page du nos partenaires
       </v-row>
 
       <v-row class="center-90 benefits">
-        <v-col v-for="(benefit, index) in benefits" :key="index" cols="12" md="4">
+        <v-col
+          v-for="(benefit, index) in benefits"
+          :key="index"
+          cols="12"
+          md="4"
+        >
           <CommonCardBenefit :benefit="benefit" />
         </v-col>
       </v-row>
 
       <v-row class="center-90 benefits">
-        <v-btn
-            to="/nous-contacter"
-            class="btn-contact"
-        >
+        <v-btn to="/nous-contacter" class="btn-contact">
           Devenir partenaire
         </v-btn>
       </v-row>
-
     </LayoutContainer>
-
   </AnchoredSection>
 </template>
 
@@ -44,7 +42,7 @@ const benefits: Ref<Array<Benefit>> = ref([
     title: 'Gagnez en visibilité',
     number: '01',
     description:
-      'Accédez à un réseau d\'écoles, d\'associations et d\'institutions culturelles à travers nos solutions.',
+      "Accédez à un réseau d'écoles, d'associations et d'institutions culturelles à travers nos solutions.",
     image: '/images/pages/nos-partenaires/benefits/Gagnons_en_visibilite.webp',
     alt: 'Un paysage de ville avec des panneaux publicitaires',
   },
@@ -53,16 +51,18 @@ const benefits: Ref<Array<Benefit>> = ref([
     number: '02',
     description:
       'Vos services seront intégrés à une plateforme utilisée quotidiennement par nos clients.',
-    image: '/images/pages/nos-partenaires/benefits/Partageons_nos_innovations.webp',
-    alt: 'Plusieurs mains de personnes autour d\'un ordinateur',
+    image:
+      '/images/pages/nos-partenaires/benefits/Partageons_nos_innovations.webp',
+    alt: "Plusieurs mains de personnes autour d'un ordinateur",
   },
   {
     title: 'Collaborez sur des projets impactants',
     number: '03',
     description:
-      "Contribuez à des initiatives qui soutiennent le développement culturel.",
-    image: '/images/pages/nos-partenaires/benefits/Collaborons_ensemble_pour_la_culture.webp',
-    alt: 'Plusieurs personnes réunis autour d\'une table',
+      'Contribuez à des initiatives qui soutiennent le développement culturel.',
+    image:
+      '/images/pages/nos-partenaires/benefits/Collaborons_ensemble_pour_la_culture.webp',
+    alt: "Plusieurs personnes réunis autour d'une table",
   },
 ])
 </script>

components/Partnerships/Contact.vue

@@ -8,23 +8,22 @@ Section "Besoin d'aide" de la page d'accueil
       <v-row class="center-90 mt-6">
         <v-col cols="12" lg="6" class="col">
           <v-img
-              src="/images/pages/home/help/Opentalent_a_votre_service.png"
-              alt="Un homme et une femme tous les deux le sourire aux lèvres se serre la main"
+            src="/images/pages/home/help/Opentalent_a_votre_service.png"
+            alt="Un homme et une femme tous les deux le sourire aux lèvres se serre la main"
           />
         </v-col>
 
         <v-col cols="12" lg="6" class="col">
           <h3>Nous contacter</h3>
 
-          <p>Vous souhaitez devenir partenaire d’Opentalent ? </p>
+          <p>Vous souhaitez devenir partenaire d’Opentalent ?</p>
           <br />
-          <p>Contactez-nous pour explorer ensemble de nouvelles opportunités.</p>
+          <p>
+            Contactez-nous pour explorer ensemble de nouvelles opportunités.
+          </p>
 
           <v-row>
-            <v-btn
-                to="/nous-contacter"
-                class="button-faq"
-            >
+            <v-btn to="/nous-contacter" class="button-faq">
               Devenir partenaire
             </v-btn>
           </v-row>
@@ -35,7 +34,7 @@ Section "Besoin d'aide" de la page d'accueil
 </template>
 
 <script setup lang="ts">
-import AnchoredSection from "~/components/Layout/AnchoredSection.vue";
+import AnchoredSection from '~/components/Layout/AnchoredSection.vue'
 </script>
 
 <style scoped lang="scss">

components/Partnerships/Partners.vue

@@ -5,34 +5,33 @@ Section "Bénéfices" de la page du nos partenaires
   <AnchoredSection id="partenaires">
     <LayoutContainer>
       <v-row class="center-90">
-        <LayoutUISubTitle>
-          Nos partenaires
-        </LayoutUISubTitle>
+        <LayoutUISubTitle> Nos partenaires </LayoutUISubTitle>
 
-        <LayoutUITitle>
-          Découvrir nos partenaires
-        </LayoutUITitle>
+        <LayoutUITitle> Découvrir nos partenaires </LayoutUITitle>
       </v-row>
 
-      <v-row class="center-90 benefits" v-for="(article, index) in articles">
-        <CommonArticle :article="article" :picture-right="index % 2 === 0"/>
+      <v-row
+        v-for="(article, index) in articles"
+        :key="index"
+        class="center-90 benefits"
+      >
+        <CommonArticle :article="article" :picture-right="index % 2 === 0" />
       </v-row>
-
     </LayoutContainer>
-
   </AnchoredSection>
 </template>
 
 <script setup lang="ts">
-import type {Ref} from "vue";
+import type { Ref } from 'vue'
 import AnchoredSection from '~/components/Layout/AnchoredSection.vue'
-import type {Article} from "~/types/interface";
+import type { Article } from '~/types/interface'
 
 const articles: Ref<Array<Article>> = ref([
   {
     title: 'CMF',
     text: 'Partenaire majeur depuis 17 ans, la Confédération Musicale de France accompagne les associations musicales de France professionnelles ou amateurs dans leur pratique.',
-    image: '/images/pages/nos-partenaires/partners/Logo_Confederation_Musicale_de_France-CMF_vivre_la_musique_ensemble.jpg',
+    image:
+      '/images/pages/nos-partenaires/partners/Logo_Confederation_Musicale_de_France-CMF_vivre_la_musique_ensemble.jpg',
     imageAlt: 'Logo de la CMF',
     btnTitle: 'En savoir plus',
     btnHref: 'https://www.cmf-musique.org/',
@@ -63,8 +62,7 @@ const articles: Ref<Array<Article>> = ref([
   justify-content: center;
   align-items: center;
 }
-.benefits{
+.benefits {
   margin-bottom: 50px;
 }
-
 </style>

pages/nos-partenaires.vue

@@ -44,14 +44,14 @@ const { lgAndUp } = useDisplay()
 const menus: Array<MenuScroll> = [
   { anchor: 'benefits', label: 'Bénéfices' },
   { anchor: 'partenaires', label: 'Partenaires' },
-  { anchor: 'contact', label: 'Contact' }
+  { anchor: 'contact', label: 'Contact' },
 ]
 </script>
 
 <style scoped lang="scss">
-  .theme-partnerships {
-    --on-primary-color: var(--alt-theme);
-    --on-primary-color-alt: var(--school-color);
-    --scroll-menu-on-primary-color: var(--neutral-color);
-  }
+.theme-partnerships {
+  --on-primary-color: var(--alt-theme);
+  --on-primary-color-alt: var(--school-color);
+  --scroll-menu-on-primary-color: var(--neutral-color);
+}
 </style>