Improve usability

locales/ja-JP.yml

@@ -669,6 +669,7 @@ left: "左"
 center: "中央"
 wide: "広い"
 narrow: "狭い"
+reloadToApplySetting: "設定はページリロード後に反映されます。今すぐリロードしますか？"
 
 _aboutMisskey:
   about: "Misskeyはsyuiloによって2014年から開発されている、オープンソースのソフトウェアです。"

src/client/pages/settings/deck.vue

@@ -37,6 +37,7 @@ import FormInput from '@/components/form/input.vue';
 import FormBase from '@/components/form/base.vue';
 import FormGroup from '@/components/form/group.vue';
 import { deckStore } from '@/ui/deck/deck-store';
+import * as os from '@/os';
 
 export default defineComponent({
 	components: {
@@ -68,6 +69,19 @@ export default defineComponent({
 		columnHeaderHeight: deckStore.makeGetterSetter('columnHeaderHeight'),
 	},
 
+	watch: {
+		async navWindow() {
+			const { canceled } = await os.dialog({
+				type: 'info',
+				text: this.$ts.reloadToApplySetting,
+				showCancelButton: true
+			});
+			if (canceled) return;
+
+			location.reload();
+		}
+	},
+
 	mounted() {
 		this.$emit('info', this.INFO);
 	},