fix(frontend): ナビゲーションバーの設定で削除した項目をその場で再追加できない問題を修正 (#16652)

* fix(frontend): ナビゲーションバーの設定で削除した項目をその場で再追加できない問題を修正

* Update Changelog

CHANGELOG.md

@@ -7,6 +7,7 @@
 - Fix: カスタム絵文字画面(beta)のaliasesで使用される区切り文字が一致していないのを修正 #15614
 - Fix: バナー画像の幅が表示領域と一致していない問題を修正
 - Fix: 一部のブラウザでバナー画像が上下中央に表示されない問題を修正
+- Fix: ナビゲーションバーの設定で削除した項目をその場で再追加できない問題を修正
 
 ### Server
 -

packages/frontend/src/pages/settings/navbar.vue

@@ -67,7 +67,6 @@ import { store } from '@/store.js';
 import { i18n } from '@/i18n.js';
 import { definePage } from '@/page.js';
 import { prefer } from '@/preferences.js';
-import { PREF_DEF } from '@/preferences/def.js';
 import { getInitialPrefValue } from '@/preferences/manager.js';
 import { genId } from '@/utility/id.js';
 
@@ -77,12 +76,13 @@ const items = ref(prefer.s.menu.map(x => ({
 	id: genId(),
 	type: x,
 })));
+const itemTypeValues = computed(() => items.value.map(x => x.type));
 
 const menuDisplay = computed(store.makeGetterSetter('menuDisplay'));
 const showNavbarSubButtons = prefer.model('showNavbarSubButtons');
 
 async function addItem() {
-	const menu = Object.keys(navbarItemDef).filter(k => !prefer.s.menu.includes(k));
+	const menu = Object.keys(navbarItemDef).filter(k => !itemTypeValues.value.includes(k));
 	const { canceled, result: item } = await os.select({
 		title: i18n.ts.addItem,
 		items: [...menu.map(k => ({
@@ -102,8 +102,9 @@ function removeItem(index: number) {
 	items.value.splice(index, 1);
 }
 
-async function save() {
+function save() {
-	prefer.commit('menu', items.value.map(x => x.type));
+	prefer.commit('menu', itemTypeValues.value);
+	os.success();
 }
 
 function reset() {