feat: 初期設定ダイアログの状態管理を追加し、openedEditorをオプショナルに変更

Hiroshiba · Dec 29, 2024 · 101bd4c · 101bd4c
1 parent 47c42c7
commit 101bd4c
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 19 deletions.
diff --git a/src/components/App.vue b/src/components/App.vue
@@ -160,6 +160,7 @@ onMounted(async () => {
     isAcceptTermsDialogOpen:
       import.meta.env.MODE !== "development" &&
       store.state.acceptTerms !== "Accepted",
+    isInitialSettingsDialogOpen: store.state.openedEditor == undefined,
   });
 
   // プロジェクトファイルが指定されていればロード

diff --git a/src/components/Dialog/AllDialog.vue b/src/components/Dialog/AllDialog.vue
@@ -144,6 +144,21 @@ const isAcceptRetrieveTelemetryDialogOpenComputed = computed({
     }),
 });
 
+// 初期設定ダイアログ
+const isInitialSettingsDialogOpenComputed = computed({
+  get: () =>
+    !store.state.isAcceptTermsDialogOpen &&
+    !store.state.isCharacterOrderDialogOpen &&
+    !store.state.isDefaultStyleSelectDialogOpen &&
+    !store.state.isAcceptRetrieveTelemetryDialogOpen &&
+    store.state.isInitialSettingsDialogOpen,
+  set: (val) => {
+    void store.actions.SET_DIALOG_OPEN({
+      isInitialSettingsDialogOpen: val,
+    });
+  },
+});
+
 // エディタのアップデート確認ダイアログ
 const canOpenNotificationDialog = computed(() => {
   return (
@@ -172,18 +187,4 @@ const isImportSongProjectDialogOpenComputed = computed({
       isImportSongProjectDialogOpen: val,
     }),
 });
-
-// 初期設定ダイアログ
-const isSelectedEditorType = computed(() => store.state.openedEditor);
-console.log(isSelectedEditorType.value);
-const isInitialSettingsDialogOpenComputed = computed({
-  get: () => store.state.isInitialSettingsDialogOpen,
-  set: (val) => {
-    if (isSelectedEditorType.value) {
-      void store.actions.SET_DIALOG_OPEN({
-        isInitialSettingsDialogOpen: val,
-      });
-    }
-  },
-});
 </script>
diff --git a/src/store/type.ts b/src/store/type.ts
@@ -1874,9 +1874,7 @@ export type SettingStoreState = {
   experimentalSetting: ExperimentalSettingType;
   confirmedTips: ConfirmedTips;
   engineSettings: EngineSettings;
-} & Omit<RootMiscSettingType, "openedEditor"> & {
-    openedEditor: EditorType | undefined; // undefinedのときはどのエディタを開くか定まっていない
-  };
+} & RootMiscSettingType;
 
 // keyとvalueの型を連動するようにしたPayloadを作る
 type KeyValuePayload<R, K extends keyof R = keyof R> = K extends keyof R

diff --git a/src/store/ui.ts b/src/store/ui.ts
@@ -80,7 +80,7 @@ export const uiStoreState: UiStoreState = {
   isUpdateNotificationDialogOpen: false,
   isExportSongAudioDialogOpen: false,
   isImportSongProjectDialogOpen: false,
-  isInitialSettingsDialogOpen: true,
+  isInitialSettingsDialogOpen: false,
   isMaximized: false,
   isPinned: false,
   isFullscreen: false,

diff --git a/src/type/preload.ts b/src/type/preload.ts
@@ -377,7 +377,7 @@ export type ConfirmedTips = {
 
 // ルート直下にある雑多な設定値
 export const rootMiscSettingSchema = z.object({
-  openedEditor: z.enum(["talk", "song"]).default("talk"),
+  openedEditor: z.enum(["talk", "song"]).optional(),
   editorFont: z.enum(["default", "os"]).default("default"),
   showTextLineNumber: z.boolean().default(false),
   showAddAudioItemButton: z.boolean().default(true),