Migrate: optional chainに書き換える (#2387)

Co-authored-by: Hiroshiba <[email protected]>

.eslintrc.js

@@ -44,11 +44,7 @@ module.exports = {
   plugins: ["import"],
   parser: vueEslintParser,
   parserOptions: vueEslintParserOptions,
-  ignorePatterns: [
-    "dist/**/*",
-    "dist_*/**/*",
-    "node_modules/**/*",
-  ],
+  ignorePatterns: ["dist/**/*", "dist_*/**/*", "node_modules/**/*"],
   rules: {
     "linebreak-style":
       process.env.NODE_ENV === "production" && process.platform !== "win32"
@@ -63,17 +59,6 @@ module.exports = {
         endOfLine: "auto",
       },
     ],
-    "vue/no-restricted-syntax": [
-      "error",
-      {
-        selector: "LogicalExpression[operator=??]",
-        message: `template内で"??"を使うとgithubのsyntax highlightが崩れるので\n三項演算子等を使って書き換えてください`,
-      },
-      {
-        selector: "MemberExpression[optional=true]",
-        message: `template内で"?."を使うとgithubのsyntax highlightが崩れるので\n三項演算子等を使って書き換えてください`,
-      },
-    ],
     "@typescript-eslint/no-unused-vars": [
       process.env.NODE_ENV === "development" ? "warn" : "error", // 開発時のみwarn
       {

src/components/Dialog/HelpDialog/HelpLibraryPolicySection.vue

@@ -12,13 +12,13 @@
           >
             <!-- エンジンが一つだけの場合は名前を表示しない -->
             <h2 v-if="engineInfos.size > 1" class="subtitle">
-              {{ mapNullablePipe(engineInfos.get(engineId), (v) => v.name) }}
+              {{ engineInfos.get(engineId)?.name }}
             </h2>
             <BaseRowCard
-              v-for="([, characterInfo], characterIndex) in mapNullablePipe(
-                engineInfos.get(engineId),
-                (v) => v.characterInfos,
-              )"
+              v-for="([, characterInfo], characterIndex) in getOrThrow(
+                engineInfos,
+                engineId,
+              ).characterInfos"
               :key="characterIndex"
               :title="characterInfo.metas.speakerName"
               clickable
@@ -49,12 +49,10 @@
         </div>
         <h1 class="title">
           {{
-            mapNullablePipe(
-              engineInfos.get(selectedInfo.engine),
-              (v) => v.characterInfos,
-              (v) => mapNullablePipe(selectedInfo, (i) => v.get(i.character)),
-              (v) => v.metas.speakerName,
-            )
+            selectedInfo &&
+            engineInfos
+              .get(selectedInfo.engine)
+              ?.characterInfos.get(selectedInfo.character)?.metas.speakerName
           }}
         </h1>
         <BaseDocumentView>
@@ -75,7 +73,7 @@ import BaseDocumentView from "@/components/Base/BaseDocumentView.vue";
 import { useStore } from "@/store";
 import { useMarkdownIt } from "@/plugins/markdownItPlugin";
 import { EngineId, SpeakerId } from "@/type/preload";
-import { mapNullablePipe } from "@/helpers/map";
+import { getOrThrow } from "@/helpers/mapHelper";
 
 type DetailKey = { engine: EngineId; character: SpeakerId };