refac: isEditMode를 state 관리자로 이동

hwe/ts/components/ChiefReservedCommand.vue

@@ -172,7 +172,7 @@ queryActionHelper.selectTurn(...$event);
               >{{ turnObj.time }}</div>
             </DragSelect>
             <DragSelect
-              :style="{ ...rowGridStyle, display: isEditMode ? 'block' : 'none' }"
+              :style="{ ...rowGridStyle, display: isEditMode ? 'grid' : 'none' }"
               attribute="turnIdx"
               :disabled="!isEditMode"
               @dragStart="isDragToggle = true"
@@ -309,8 +309,6 @@ import { BButton, BDropdownItem, BDropdownText, BButtonGroup, BDropdownDivider,
 import addMilliseconds from "date-fns/addMilliseconds";
 import CommandSelectForm from "@/components/CommandSelectForm.vue";
 
-const editModeKey = `sammo_edit_mode_key`;
-const isEditMode = ref(localStorage.getItem(editModeKey) === '1');
 
 type TurnObjWithTime = TurnObj & {
   time: string;
@@ -877,9 +875,8 @@ function toggleQuickReserveForm(turnIdx: number) {
   commandQuickReserveForm.value?.show();
 }
 
-
+const isEditMode = storedActionsHelper.isEditMode;
 watch(isEditMode, newEditMode => {
-  localStorage.setItem(editModeKey, newEditMode ? '1' : '0');
   if (newEditMode) {
     commandQuickReserveForm.value?.close();
     currentQuickReserveTarget.value = -1;