test user agent

.eslintrc.cjs

@@ -48,5 +48,6 @@ module.exports = {
     useClientDevice: 'readonly',
     useSeoMeta: 'readonly',
     onNuxtReady: 'readonly',
+    useLocaleHead: 'readonly',
   },
 }

app.vue

@@ -19,6 +19,6 @@ layoutStore.resetAnchoredSections()
 const i18nHead = useLocaleHead({
   addDirAttribute: true,
   identifierAttribute: 'id',
-  addSeoAttributes: true
+  addSeoAttributes: true,
 })
 </script>

components/Layout/Navigation.vue

@@ -3,6 +3,7 @@ Menu Navigation
 -->
 <template>
   <div v-intersect="onIntersect">
+    <div v-show="false">{{ agent }}</div>
     <!-- Navigation (écran large) -->
     <div v-if="lgAndUp || (!isMobileDevice() && !nuxtReady)">
       <LayoutNavigationLg :menu="menu" />
@@ -17,6 +18,7 @@ Menu Navigation
 
 <script setup lang="ts">
 import { useDisplay } from 'vuetify'
+import { useRequestHeaders } from '#app'
 import type { MainMenuItem } from '~/types/interface'
 import { useLayoutStore } from '~/stores/layoutStore'
 import { useClientDevice } from '~/composables/useClientDevice'
@@ -27,6 +29,9 @@ onNuxtReady(() => {
   nuxtReady.value = true
 })
 
+const headers = useRequestHeaders()
+const agent = headers['user-agent']
+
 const { lgAndUp } = useDisplay()
 
 const { isMobileDevice } = useClientDevice()