Prettier 3

.prettierrc.json

@@ -1,6 +1,5 @@
 {
   "printWidth": 125,
-  "tabWidth": 2,
   "overrides": [
     {
       "files": ["*.json", "*.json5"],

package.json

@@ -63,7 +63,7 @@
     "jest": "^29.6.2",
     "jest-environment-jsdom": "^29.6.2",
     "milligram": "^1.4.1",
-    "prettier": "2.8.8",
+    "prettier": "^3.0.2",
     "typescript": "^5.1.6"
   }
 }

src/main/core/launch.js

@@ -140,8 +140,8 @@ const setEvents = async (area, userSettings) => {
   // Notice for the very first launch.
   const notice = dom.create(
     `<span style="font-size: 1.3rem; font-family: 'hiragino kaku gothic pro', meiryo, sans-serif;">${res(
-      "needToPrepareDict"
-    )}</span>`
+      "needToPrepareDict",
+    )}</span>`,
   );
 
   dom.replace(area.content, notice);

src/main/core/rule.js

@@ -28,7 +28,7 @@ const registerPhrase = (data) => Object.assign(phraseRule, data);
 const registerPronoun = (data) =>
   Object.assign(
     pronounRule,
-    data.map((datum) => new Map(datum))
+    data.map((datum) => new Map(datum)),
   );
 const registerSpelling = (data) => utils.updateMap(spellingRule, data);
 const registerTrailing = (data) => Object.assign(trailingRule, data);

src/options/component/organism/WholeSettings.tsx

@@ -107,7 +107,7 @@ export const WholeSettings: React.FC<Props> = (props) => {
 
   useEffect(() => {
     const copyButton = createProcessButton("COPY", COPY_BUTTON_STYLES1, "COPIED!", COPY_BUTTON_STYLES2, () =>
-      navigator.clipboard.writeText(json)
+      navigator.clipboard.writeText(json),
     );
     dom.applyStyles(copyButton, COPY_BUTTON_STYLES);
     editor?.current?.refEditor?.appendChild(copyButton);
@@ -143,7 +143,7 @@ const createProcessButton = (
   style1: React.CSSProperties,
   text2: string,
   style2: React.CSSProperties,
-  doSomething: () => void
+  doSomething: () => void,
 ): HTMLElement => {
   let canProcess = true;
   const element = document.createElement("span");

src/options/page/Main.tsx

@@ -103,7 +103,7 @@ export const Main: React.FC = () => {
 
   const updateState = (
     statePatch: Record<string, any> | undefined,
-    settingsPatch: Partial<MouseDictionarySettings> | undefined = undefined
+    settingsPatch: Partial<MouseDictionarySettings> | undefined = undefined,
   ): void => {
     dispatch({ type: "patch", statePatch, settingsPatch });
   };

src/options/types.ts

@@ -46,7 +46,7 @@ export type Replace = {
 
 export type UpdateEventHandler = (
   statePatch: Record<string, any> | undefined,
-  settingsPatch: Partial<MouseDictionarySettings> | undefined
+  settingsPatch: Partial<MouseDictionarySettings> | undefined,
 ) => void;
 
 type EnvForMain = {