refactor: découpage logo jeunes.gouv.fr

betagouv · Jan 2, 2025 · bcc4b4f · bcc4b4f
1 parent e3f1c4a
commit bcc4b4f
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/public/img/partners/jeunes.gouv.fr.jpg b/public/img/partners/jeunes.gouv.fr.jpg
diff --git a/public/img/partners/jeunes.gouv.fr.webp b/public/img/partners/jeunes.gouv.fr.webp
diff --git a/src/components/home/partners-section.vue b/src/components/home/partners-section.vue
@@ -3,8 +3,8 @@
     <h2 class="fr-h3 fr-mb-4w fr-text--center">Nos partenaires</h2>
     <span class="aj-partners">
       <a
-        v-for="(partner, index) in partners"
-        :key="`partner-${index}`"
+        v-for="partner in partners"
+        :key="partner.id"
         :href="partner.link"
         target="_blank"
         rel="noopener noreferrer"
@@ -31,9 +31,16 @@
 </template>
 
 <script setup lang="ts">
-const getImagePath = (id: string, ext: string) => `/img/partners/${id}.${ext}`
+const getImagePath = (id: string, format: "webp" | "jpg") =>
+  `/img/partners/${id}.${format}`
 
-const partners = [
+interface Partner {
+  id: string
+  name: string
+  link: string
+}
+
+const partners: Partner[] = [
   {
     id: "openfisca",
     name: "OpenFisca",