test headers

components/Layout/Navigation.vue

@@ -13,13 +13,10 @@ Menu Navigation
       <LayoutNavigationMd :menu="menu" />
     </div>
   </div>
-
-  <div>{{ headers }}</div>
 </template>
 
 <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'
@@ -30,8 +27,6 @@ onNuxtReady(() => {
   nuxtReady.value = true
 })
 
-const headers = useRequestHeaders()
-
 const { lgAndUp } = useDisplay()
 
 const { isMobileDevice } = useClientDevice()

composables/useClientDevice.ts

@@ -6,6 +6,7 @@ export function useClientDevice() {
 
     if (userAgent === null) {
       const headers = useRequestHeaders()
+      console.error(headers)
       userAgent = headers['user-agent']
     }