diff --git a/src/components/Logo.vue b/src/components/Logo.vue index 0708169e..655ed1ef 100644 --- a/src/components/Logo.vue +++ b/src/components/Logo.vue @@ -1,16 +1,16 @@ - + (), { xmlns="http://www.w3.org/2000/svg" p-id="2663" :width="props.size" - :style="{ fill: 'var(--bew-theme-color)' }" + :style="{ fill: color }" > (MenuType.General) +const title = ref(t('settings.title')) const settingsMenuItems = computed(() => { return [ @@ -23,6 +26,10 @@ const settingsMenuItems = computed(() => { value: MenuType.Appearance, label: t('settings.menu_appearance'), }, + { + value: MenuType.SearchPage, + label: 'Search Page', + }, { value: MenuType.Home, label: t('settings.menu_home'), @@ -34,12 +41,31 @@ const settingsMenuItems = computed(() => { ] }) +/** + * When changing language, set current title again to ensure it switches to the corresponding language + */ +watch(() => settings.value.language, () => { + setCurrentTitle() +}) + +onMounted(() => { + setCurrentTitle() +}) + function handleClose() { emit('close') } function changeMenuItem(menuItem: MenuType) { activatedMenuItem.value = menuItem + setCurrentTitle() +} + +function setCurrentTitle() { + settingsMenuItems.value.forEach((item) => { + if (item.value === activatedMenuItem.value) + title.value = item.label + }) } @@ -53,7 +79,7 @@ function changeMenuItem(menuItem: MenuType) { >