From 209cb065404bf9fb4a3e3a2c3aba51196db1cf91 Mon Sep 17 00:00:00 2001
From: timotheegoguely <timothee@goguely.com>
Date: Wed, 4 Sep 2024 19:10:21 +0200
Subject: [PATCH] Add todos, move tablist h2 from Tabs to Projects component

---
 src/components/Projects.vue | 1 +
 src/components/TabPanel.vue | 1 +
 src/components/Tabs.vue     | 2 +-
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/Projects.vue b/src/components/Projects.vue
index 5e42584..d1c7c09 100644
--- a/src/components/Projects.vue
+++ b/src/components/Projects.vue
@@ -1,4 +1,5 @@
 <template>
+  <h2 id="tabslist" class="sr-only">Projets</h2>
   <template v-if="data">
     <Tabs :projects="data.children" @update:currentTab="changeTab" />
     <TabPanel :projects="data.children" :currentTab="currentTab" />
diff --git a/src/components/TabPanel.vue b/src/components/TabPanel.vue
index 1917cbe..20157a0 100644
--- a/src/components/TabPanel.vue
+++ b/src/components/TabPanel.vue
@@ -1,4 +1,5 @@
 <template>
+  <!-- TODO: rendre dynamique id + aria-labelledby -->
   <section
     v-if="currentTab === 'current'"
     id="projets-en-cours"
diff --git a/src/components/Tabs.vue b/src/components/Tabs.vue
index c7281a8..9ec03cc 100644
--- a/src/components/Tabs.vue
+++ b/src/components/Tabs.vue
@@ -1,6 +1,6 @@
 <template>
-  <h2 id="tabslist" class="sr-only">Projets</h2>
   <header role="tablist" aria-labelledby="tablist">
+    <!-- TODO: aria-selected et tabindex ne fonctionnent pas -->
     <button
       v-for="tab in tabs"
       :key="tab.label"