diff options
Diffstat (limited to 'packages/frontend/src/ui/classic.header.vue')
| -rw-r--r-- | packages/frontend/src/ui/classic.header.vue | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/packages/frontend/src/ui/classic.header.vue b/packages/frontend/src/ui/classic.header.vue index 3b78aa93cd..aa9f908cec 100644 --- a/packages/frontend/src/ui/classic.header.vue +++ b/packages/frontend/src/ui/classic.header.vue @@ -47,7 +47,7 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <script lang="ts" setup> -import { computed, defineAsyncComponent, onMounted } from 'vue'; +import { computed, defineAsyncComponent, onMounted, ref } from 'vue'; import { openInstanceMenu } from './_common_/common'; import * as os from '@/os.js'; import { navbarItemDef } from '@/navbar'; @@ -59,12 +59,12 @@ import { i18n } from '@/i18n.js'; const WINDOW_THRESHOLD = 1400; -let settingsWindowed = $ref(window.innerWidth > WINDOW_THRESHOLD); -let menu = $ref(defaultStore.state.menu); +const settingsWindowed = ref(window.innerWidth > WINDOW_THRESHOLD); +const menu = ref(defaultStore.state.menu); // const menuDisplay = computed(defaultStore.makeGetterSetter('menuDisplay')); -let otherNavItemIndicated = computed<boolean>(() => { +const otherNavItemIndicated = computed<boolean>(() => { for (const def in navbarItemDef) { - if (menu.includes(def)) continue; + if (menu.value.includes(def)) continue; if (navbarItemDef[def].indicated) return true; } return false; @@ -86,7 +86,7 @@ function openAccountMenu(ev: MouseEvent) { onMounted(() => { window.addEventListener('resize', () => { - settingsWindowed = (window.innerWidth >= WINDOW_THRESHOLD); + settingsWindowed.value = (window.innerWidth >= WINDOW_THRESHOLD); }, { passive: true }); }); |