feat : ajout du numéro de version de l'application auth/default layout

frontend/app.vue

@@ -3,3 +3,11 @@
     <NuxtPage />
   </NuxtLayout>
 </template>
+
+<script setup lang="ts">
+const { load } = useAppVersion()
+
+onMounted(() => {
+    load()
+})
+</script>

frontend/composables/useAppVersion.ts

@@ -0,0 +1,17 @@
+export const useAppVersion = () => {
+    const api = useApi()
+    const version = useState<string | null>('app-version', () => null)
+
+    const load = async () => {
+        if (version.value) {
+            return version.value
+        }
+        const response = await api.get<{ version: string }>('version', {}, {
+            toast: false
+        })
+        version.value = response.version
+        return version.value
+    }
+
+    return { version, load }
+}

frontend/layouts/default.vue

@@ -100,6 +100,9 @@
         <main class="mx-auto w-full max-w-[1280px] pb-0">
             <slot/>
         </main>
+        <footer class="w-full mt-8 bg-primary-500 p-6">
+            <p class="font-bold text-white text-right">v{{ version }}</p>
+        </footer>
     </div>
 </template>
 
@@ -109,6 +112,7 @@ import { useAuthStore } from '~/stores/auth'
 const route = useRoute()
 const auth = useAuthStore()
 const isMenuOpen = ref(false)
+const { version } = useAppVersion()
 
 const closeMenu = () => {
   isMenuOpen.value = false

frontend/pages/login.vue

@@ -46,7 +46,8 @@
       >
         Connexion
       </button>
-    </form>
+          <p class="font-bold">v{{ version }}</p>
+      </form>
   </div>
 </template>
 
@@ -57,6 +58,7 @@ import { useAuthStore } from '~/stores/auth'
 
 const router = useRouter()
 const auth = useAuthStore()
+const { version } = useAppVersion()
 
 definePageMeta({
   layout: 'auth'