コンポーネント群の修正 (#1681)

* コンポーネント群の修正

* 残りコンポーネント修正

src/components/AccentPhrase.vue

@@ -322,7 +322,7 @@ const isEditableMora = (vowel: string, moraIndex: number) => {
   if (props.selectedDetail == "accent") {
     // クリック時の動作はそのアクセント句の読み変更。
     // よって、いずれかのモーラがhoverされているならそのアクセント句を強調表示する。
-    return hoveredMoraIndex.value !== undefined;
+    return hoveredMoraIndex.value != undefined;
   }
   if (props.selectedDetail == "pitch") {
     // クリック時の動作は無声化/有声化の切り替え。

src/components/AudioInfo.vue

@@ -479,7 +479,7 @@ const handleParameterChange = (
   parameter: Parameter,
   inputValue: string | number | null
 ) => {
-  if (inputValue === null) throw new Error("inputValue is null");
+  if (inputValue == null) throw new Error("inputValue is null");
   const value = adjustSliderValue(
     parameter.label + "入力",
     inputValue.toString(),
@@ -760,7 +760,7 @@ const setPresetByScroll = (event: WheelEvent) => {
   event.preventDefault();
 
   const presetNumber = selectablePresetList.value.length;
-  if (presetNumber === 0 || presetNumber === undefined) return;
+  if (presetNumber === 0 || presetNumber == undefined) return;
 
   const nowIndex = selectablePresetList.value.findIndex(
     (value) => value.key == presetSelectModel.value.key
@@ -770,7 +770,7 @@ const setPresetByScroll = (event: WheelEvent) => {
   const newIndex = isUp ? nowIndex + 1 : nowIndex - 1;
   if (newIndex < 0 || presetNumber <= newIndex) return;
 
-  if (selectablePresetList.value[newIndex] === undefined) return;
+  if (selectablePresetList.value[newIndex] == undefined) return;
 
   changePreset(selectablePresetList.value[newIndex].key);
 };
@@ -889,7 +889,7 @@ const updatePreset = async (fullApply: boolean) => {
   const key = presetList.value.find(
     (preset) => preset.label === presetName.value
   )?.key;
-  if (key === undefined) return;
+  if (key == undefined) return;
 
   const title = presetName.value;
   const newPreset = createPresetData(title);

src/components/CharacterOrderDialog.vue

@@ -181,7 +181,7 @@ watch(
       // FIXME: 不明なキャラを無視しているので、不明キャラの順番が保存時にリセットされてしまう
       characterOrder.value = store.state.userCharacterOrder
         .map((speakerUuid) => characterInfosMap.value[speakerUuid])
-        .filter((info) => info !== undefined) as CharacterInfo[];
+        .filter((info) => info != undefined) as CharacterInfo[];
 
       // 含まれていないキャラクターを足す
       const notIncludesCharacterInfos = props.characterInfos.filter(
@@ -237,7 +237,7 @@ const togglePlayOrStop = (
   index: number
 ) => {
   if (
-    playing.value === undefined ||
+    playing.value == undefined ||
     speakerUuid !== playing.value.speakerUuid ||
     styleInfo.styleId !== playing.value.styleId ||
     index !== playing.value.index

src/components/CharacterPortrait.vue

@@ -29,8 +29,8 @@ const characterInfo = computed(() => {
   const styleId = audioItem?.voice.styleId;
 
   if (
-    engineId === undefined ||
-    styleId === undefined ||
+    engineId == undefined ||
+    styleId == undefined ||
     !store.state.engineIds.some((id) => id === engineId)
   )
     return undefined;

src/components/DefaultStyleListDialog.vue

@@ -106,7 +106,6 @@ import { useStore } from "@/store";
 import { DEFAULT_STYLE_NAME } from "@/store/utility";
 import { CharacterInfo, SpeakerId, StyleInfo } from "@/type/preload";
 import DefaultStyleSelectDialog from "@/components/DefaultStyleSelectDialog.vue";
-
 const props =
   defineProps<{
     modelValue: boolean;
@@ -164,7 +163,7 @@ watch([() => props.modelValue], async ([newValue]) => {
   if (newValue) {
     speakerWithMultipleStyles.value = store.state.userCharacterOrder
       .map((speakerUuid) => characterInfosMap.value[speakerUuid])
-      .filter((characterInfo) => characterInfo !== undefined)
+      .filter((characterInfo) => characterInfo != undefined)
       .filter(
         (characterInfo) => characterInfo.metas.styles.length > 1
       ) as CharacterInfo[];

src/components/DefaultStyleSelectDialog.vue

@@ -173,7 +173,7 @@ const selectStyleIndex = (styleIndex: number) => {
   // 音声を再生する。同じ話者/styleIndexだったら停止する。
   const selectedStyleInfo = props.characterInfo.metas.styles[styleIndex];
   if (
-    playing.value !== undefined &&
+    playing.value != undefined &&
     playing.value.styleId === selectedStyleInfo.styleId
   ) {
     stop();

src/components/Dialog.ts

@@ -260,7 +260,7 @@ export async function generateAndConnectAndSaveAudioWithDialog({
     dispatch
   );
 
-  if (result === undefined || result.result === "CANCELED") return;
+  if (result == undefined || result.result === "CANCELED") return;
 
   if (result.result === "SUCCESS") {
     if (disableNotifyOnGenerate) return;

src/components/EngineManageDialog.vue

@@ -367,7 +367,7 @@ const engineManageDialogOpenedComputed = computed({
   set: (val) => emit("update:modelValue", val),
 });
 const uiLockedState = ref<null | "addingEngine" | "deletingEngine">(null); // ダイアログ内でstore.getters.UI_LOCKEDは常にtrueなので独自に管理
-const uiLocked = computed(() => uiLockedState.value !== null);
+const uiLocked = computed(() => uiLockedState.value != null);
 const isAddingEngine = ref(false);
 const engineLoaderType = ref<EngineLoaderType>("vvpp");
 

src/components/FileNamePatternDialog.vue

@@ -127,7 +127,7 @@ const errorMessage = computed(() => {
   }
 
   const result: string[] = [];
-  if (invalidChar.value !== undefined) {
+  if (invalidChar.value != undefined) {
     result.push(`使用できない文字が含まれています：「${invalidChar.value}」`);
   }
   if (previewFileName.value.includes("$")) {

src/components/HeaderBarCustomDialog.vue

@@ -198,7 +198,7 @@ watch(
     if (oldData.length < newData.length) {
       selectedButton.value = newData[newData.length - 1];
     } else if (
-      selectedButton.value !== undefined &&
+      selectedButton.value != undefined &&
       oldData.includes(selectedButton.value) &&
       !newData.includes(selectedButton.value)
     ) {

src/components/HotkeySettingDialog.vue

@@ -361,7 +361,7 @@ const resetHotkey = async (action: string) => {
       .getDefaultHotkeySettings()
       .then((defaultSettings: HotkeySetting[]) => {
         const setting = defaultSettings.find((value) => value.action == action);
-        if (setting === undefined) {
+        if (setting == undefined) {
           return;
         }
         // デフォルトが未設定でない場合は、衝突チェックを行う
@@ -370,7 +370,7 @@ const resetHotkey = async (action: string) => {
             (item) =>
               item.combination == setting.combination && item.action != action
           );
-          if (duplicated !== undefined) {
+          if (duplicated != undefined) {
             openHotkeyDialog(action);
             lastRecord.value = duplicated.combination;
             return;

src/components/MenuBar.vue

@@ -102,11 +102,10 @@ const engineIds = computed(() => store.state.engineIds);
 const engineInfos = computed(() => store.state.engineInfos);
 const engineManifests = computed(() => store.state.engineManifests);
 const enableMultiEngine = computed(() => store.state.enableMultiEngine);
-
 const titleText = computed(
   () =>
     (isEdited.value ? "*" : "") +
-    (projectName.value !== undefined ? projectName.value + " - " : "") +
+    (projectName.value != undefined ? projectName.value + " - " : "") +
     "VOICEVOX" +
     (currentVersion.value ? " - Ver. " + currentVersion.value : "") +
     (isMultiEngineOffMode.value ? " - マルチエンジンオフ" : "") +