fix(frontend): follow-up of #17033 (#17047)

* wip

* fix

* ref -> reactive

* tweak throttle threshold

* tweak throttle threshold

* rss設定にはmanualSaveを使用するように

* Update MkWidgetSettingsDialog.vue

---------

Co-authored-by: syuilo <4439005+syuilo@users.noreply.github.com>

1 files changed, 2 insertions, 9 deletions

diff --git a/packages/frontend/src/components/MkWidgetSettingsDialog.vue b/packages/frontend/src/components/MkWidgetSettingsDialog.vue
index cebbe93986..0dc26e054d 100644
--- a/packages/frontend/src/components/MkWidgetSettingsDialog.vue
+++ b/packages/frontend/src/components/MkWidgetSettingsDialog.vue
@@ -29,7 +29,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 					>
 						<component
 							:is="`widget-${widgetName}`"
-							:key="currentId"
 							:widget="{ name: widgetName, id: '__PREVIEW__', data: settings }"
 						></component>
 					</div>
@@ -48,13 +47,12 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <script setup lang="ts">
 import { reactive, useTemplateRef, ref, computed, watch, onBeforeUnmount, onMounted } from 'vue';
+import MkPreviewWithControls from './MkPreviewWithControls.vue';
+import type { Form } from '@/utility/form.js';
 import { deepClone } from '@/utility/clone.js';
-import { genId } from '@/utility/id.js';
 import { i18n } from '@/i18n.js';
 import MkModalWindow from '@/components/MkModalWindow.vue';
-import MkPreviewWithControls from './MkPreviewWithControls.vue';
 import MkForm from '@/components/MkForm.vue';
-import type { Form } from '@/utility/form.js';
 
 const props = defineProps<{
 	widgetName: string;
@@ -71,11 +69,6 @@ const emit = defineEmits<{
 const dialog = useTemplateRef('dialog');
 
 const settings = reactive<Record<string, any>>(deepClone(props.currentSettings));
-const currentId = ref(genId());
-
-watch(settings, () => {
-	currentId.value = genId();
-});
 
 function save() {
 	emit('saved', deepClone(settings));