fix: header switch

chat-game · Aug 28, 2024 · 14bc7e4 · 14bc7e4
1 parent e76ff8a
commit 14bc7e4
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 3 deletions.
diff --git a/...site/app/components/MainHeader.client.vue → apps/website/app/components/MainHeader.vue b/...site/app/components/MainHeader.client.vue → apps/website/app/components/MainHeader.vue
@@ -6,13 +6,13 @@
       <!-- <Locale /> -->
     </div>
 
-    <MenuSmartphone v-if="width <= 1050" />
+    <MenuSmartphone v-if="isMobileOrTablet" />
     <MenuDesktop v-else />
   </header>
 </template>
 
 <script setup lang="ts">
-const { width } = useWindowSize()
+const { isMobileOrTablet } = useDevice()
 </script>
 
 <style scoped>

diff --git a/apps/website/nuxt.config.ts b/apps/website/nuxt.config.ts
@@ -35,6 +35,6 @@ export default defineNuxtConfig({
       signInRedirectUrl: '', // NUXT_PUBLIC_SIGN_IN_REDIRECT_URL
     },
   },
-  modules: ['@vueuse/nuxt', 'nuxt-auth-utils'],
+  modules: ['@vueuse/nuxt', 'nuxt-auth-utils', '@nuxtjs/device'],
   compatibilityDate: '2024-08-18',
 })
diff --git a/apps/website/package.json b/apps/website/package.json
@@ -35,6 +35,7 @@
     "@d-fischer/typed-event-emitter": "^3.3.3",
     "@nuxt/devtools": "^1.3.9",
     "@nuxt/kit": "^3.10.0",
+    "@nuxtjs/device": "^3.1.1",
     "@types/howler": "^2.2.11",
     "@types/node": "^22.5.1",
     "@vueuse/core": "^11.0.1",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml