chore(deps): update dependency prettier to v3 (#815)

bicstone · Jul 9, 2023 · a23869e · a23869e
1 parent cefae90
commit a23869e
Show file tree

Hide file tree

Showing 30 changed files with 61 additions and 61 deletions.
diff --git a/content-sample/package.json b/content-sample/package.json
@@ -14,7 +14,7 @@
     "eslint": "8.44.0",
     "eslint-plugin-mdx": "2.1.0",
     "husky": "8.0.3",
-    "prettier": "2.8.8",
+    "prettier": "3.0.0",
     "remark-preset-lint-consistent": "5.1.2",
     "remark-preset-lint-markdown-style-guide": "5.1.3",
     "remark-preset-lint-recommended": "6.1.3",

diff --git a/gatsby-node.ts b/gatsby-node.ts
@@ -53,7 +53,7 @@ export const onPreBootstrap: GatsbyNode["onPreBootstrap"] = async ({
   fs.cpSync(sourcePath, destPath, { recursive: true, force: true });
 
   reporter.success(
-    `onPreBootstrap: Copied assets from ${sourcePath} to ${destPath}`
+    `onPreBootstrap: Copied assets from ${sourcePath} to ${destPath}`,
   );
 
   /**
@@ -63,7 +63,7 @@ export const onPreBootstrap: GatsbyNode["onPreBootstrap"] = async ({
   await fetchLaprasActivity();
 
   reporter.success(
-    `onPreBootstrap: Created Zenn articles and Speaker Deck Slides json`
+    `onPreBootstrap: Created Zenn articles and Speaker Deck Slides json`,
   );
 };
 
@@ -103,7 +103,7 @@ export const createPages: GatsbyNode["createPages"] = async ({
     process.cwd(),
     "src",
     "templates",
-    "BlogPost.tsx"
+    "BlogPost.tsx",
   );
 
   blogPostList.forEach((node) => {
@@ -119,7 +119,7 @@ export const createPages: GatsbyNode["createPages"] = async ({
   });
 
   reporter.success(
-    `createPages: Created ${blogPostList.length} blog post pages`
+    `createPages: Created ${blogPostList.length} blog post pages`,
   );
 };
 
@@ -239,11 +239,11 @@ export const createPagesStatefully: GatsbyNode["createPagesStatefully"] =
           },
         };
         await createNode(node);
-      })
+      }),
     );
 
     reporter.success(
-      `onCreatePagesStatefully: Created ${timelineList.length} search nodes`
+      `onCreatePagesStatefully: Created ${timelineList.length} search nodes`,
     );
 
     /**
@@ -266,7 +266,7 @@ export const createPagesStatefully: GatsbyNode["createPagesStatefully"] =
     }
 
     reporter.success(
-      `onCreatePagesStatefully: Created ${blogPostList.length} blog ogp images`
+      `onCreatePagesStatefully: Created ${blogPostList.length} blog ogp images`,
     );
   };
 

diff --git a/package.json b/package.json
@@ -80,7 +80,7 @@
     "eslint-plugin-regexp": "1.15.0",
     "husky": "8.0.3",
     "js-yaml": "4.1.0",
-    "prettier": "2.8.8",
+    "prettier": "3.0.0",
     "typescript": "5.1.6"
   },
   "repository": {

diff --git a/src/components/Breadcrumbs.tsx b/src/components/Breadcrumbs.tsx
@@ -11,7 +11,7 @@ import { SITE_METADATA } from "@/constants/SITE_METADATA";
 export const Breadcrumbs = (
   props: {
     title: string;
-  } & MuiBreadcrumbsProps
+  } & MuiBreadcrumbsProps,
 ): JSX.Element => {
   const { title, ...MuiBreadcrumbsProps } = props;
 

diff --git a/src/components/Spacer.tsx b/src/components/Spacer.tsx
@@ -28,7 +28,7 @@ export const SpacerBase = styled("span", {
 });
 
 export const Spacer = (
-  props: SpacerProps & React.HTMLAttributes<HTMLSpanElement>
+  props: SpacerProps & React.HTMLAttributes<HTMLSpanElement>,
 ): JSX.Element => {
   return <SpacerBase {...props} aria-hidden="true" />;
 };
diff --git a/src/components/SvgAvatar.tsx b/src/components/SvgAvatar.tsx
@@ -22,7 +22,7 @@ export const SvgAvatar = memo<ComponentProps<typeof Avatar> & SvgAvatarProps>(
         <SvgIcon>{parse(svg)}</SvgIcon>
       </Avatar>
     );
-  }
+  },
 );
 
 SvgAvatar.displayName = "SvgAvatar";
diff --git a/src/components/markdown/LinkCard.tsx b/src/components/markdown/LinkCard.tsx
@@ -9,14 +9,14 @@ import type { AnchorHTMLAttributes } from "react";
 import { isDefined } from "@/utils/typeguard";
 
 export const LinkCard = (
-  props: AnchorHTMLAttributes<HTMLAnchorElement>
+  props: AnchorHTMLAttributes<HTMLAnchorElement>,
 ): JSX.Element => {
   const { title, href } = props;
 
   if (!isDefined(title) || !isDefined(href)) {
     isDefined(window.Sentry) &&
       window.Sentry.captureException(
-        new Error(`LinkCard must provide both title and href`)
+        new Error(`LinkCard must provide both title and href`),
       );
   }
 

diff --git a/src/features/Bio/BioCsmCard.tsx b/src/features/Bio/BioCsmCard.tsx
@@ -40,8 +40,8 @@ export const BioCsmCard = (props: CardProps): JSX.Element => {
         </ExternalLink>
         <span css={{ ...visuallyHidden }}>Certified ScrumMaster®</span>
         <span css={{ ...visuallyHidden }}>
-          Certified ScrumMaster® is a certification mark of Scrum Alliance, Inc.
-          Any unauthorized use is strictly prohibited.
+          Certified ScrumMaster® is a certification mark of Scrum Alliance,
+          Inc. Any unauthorized use is strictly prohibited.
         </span>
       </StyledCardActionArea>
     </StyledCard>

diff --git a/src/features/PortfolioCertification/CertificationList.tsx b/src/features/PortfolioCertification/CertificationList.tsx
@@ -22,7 +22,7 @@ export const CertificationList = (props: {
   const { certifications } = props;
 
   const getFilteredCertifications = (
-    fieldValue: string
+    fieldValue: string,
   ): PortfolioCertificationListFragment["group"][number]["nodes"] => {
     return (
       certifications.group.find((group) => group.fieldValue === fieldValue)

diff --git a/src/features/PortfolioHistory/HistoryCard.tsx b/src/features/PortfolioHistory/HistoryCard.tsx
@@ -78,6 +78,6 @@ export const HistoryCard = memo(
         </AccordionDetails>
       </Accordion>
     );
-  }
+  },
 );
 HistoryCard.displayName = "HistoryCard";
diff --git a/src/features/PortfolioHistory/useAccordionExpend.ts b/src/features/PortfolioHistory/useAccordionExpend.ts
@@ -29,7 +29,7 @@ const AccordionExpendReducer: Reducer<State, Action> = (state, action) => {
 };
 
 export const useAccordionExpend = (
-  allIds: State
+  allIds: State,
 ): {
   expandedIds: State;
   isAllExpanded: boolean;
@@ -38,12 +38,12 @@ export const useAccordionExpend = (
 } => {
   const [expandedIds, dispatchExpanded] = useReducer(
     AccordionExpendReducer,
-    initialState
+    initialState,
   );
 
   const isAllExpanded = useMemo(
     () => expandedIds.length === allIds.length,
-    [allIds.length, expandedIds.length]
+    [allIds.length, expandedIds.length],
   );
 
   const toggleBulkExpand = useCallback(() => {

diff --git a/src/features/PortfolioProject/ProjectCard.tsx b/src/features/PortfolioProject/ProjectCard.tsx
@@ -69,6 +69,6 @@ export const ProjectCard = memo(
         disableTypography
       />
     );
-  }
+  },
 );
 ProjectCard.displayName = "ProjectCard";
diff --git a/src/features/Timeline/TimelineArticleCard.tsx b/src/features/Timeline/TimelineArticleCard.tsx
@@ -35,7 +35,7 @@ const StyledTimelineCard = styled(TimelineCardBase)(({ theme }) => {
   return {
     ...adoptColorTokens(outputColorTokens.lightColorTokens),
     [theme.getColorSchemeSelector("dark")]: adoptColorTokens(
-      outputColorTokens.darkColorTokens
+      outputColorTokens.darkColorTokens,
     ),
   };
 });

diff --git a/src/features/Timeline/TimelineCertificationCard.tsx b/src/features/Timeline/TimelineCertificationCard.tsx
@@ -40,7 +40,7 @@ const StyledTimelineCard = styled(TimelineCardBase)(({ theme }) => {
   return {
     ...adoptColorTokens(historyColorTokens.lightColorTokens),
     [theme.getColorSchemeSelector("dark")]: adoptColorTokens(
-      historyColorTokens.darkColorTokens
+      historyColorTokens.darkColorTokens,
     ),
   };
 });
@@ -52,11 +52,11 @@ export const TimelineCertificationCard = ({
 }: TimelineCertificationCardProps): JSX.Element => {
   const dateFormatted = formatDateTime(
     item.date,
-    showYear ? "yyyy/MM/dd" : "M月d日"
+    showYear ? "yyyy/MM/dd" : "M月d日",
   );
   const endDateFormatted = formatDateTime(
     item.endDate,
-    showYear ? "yyyy/MM/dd" : "yy年M月d日"
+    showYear ? "yyyy/MM/dd" : "yy年M月d日",
   );
   const subTitle =
     item.endDate !== "" ? (

diff --git a/src/features/Timeline/TimelineHistoryCard.tsx b/src/features/Timeline/TimelineHistoryCard.tsx
@@ -34,7 +34,7 @@ const StyledTimelineCard = styled(TimelineCardBase)(({ theme }) => {
   return {
     ...adoptColorTokens(historyColorTokens.lightColorTokens),
     [theme.getColorSchemeSelector("dark")]: adoptColorTokens(
-      historyColorTokens.darkColorTokens
+      historyColorTokens.darkColorTokens,
     ),
   };
 });

diff --git a/src/features/Timeline/TimelineList.tsx b/src/features/Timeline/TimelineList.tsx
@@ -173,7 +173,7 @@ export interface TimelineListProps {
 
 export const TimelineList = ({ groups }: TimelineListProps): JSX.Element => {
   const sortedGroups = Array.from(groups.group).sort(
-    (a, b) => Number(b.dateYear) - Number(a.dateYear)
+    (a, b) => Number(b.dateYear) - Number(a.dateYear),
   );
 
   return (

diff --git a/src/features/Timeline/TimelineMdxCard.tsx b/src/features/Timeline/TimelineMdxCard.tsx
@@ -35,7 +35,7 @@ const StyledTimelineCard = styled(TimelineCardBase)(({ theme }) => {
   return {
     ...adoptColorTokens(outputColorTokens.lightColorTokens),
     [theme.getColorSchemeSelector("dark")]: adoptColorTokens(
-      outputColorTokens.darkColorTokens
+      outputColorTokens.darkColorTokens,
     ),
   };
 });

diff --git a/src/features/Timeline/TimelineOssCard.tsx b/src/features/Timeline/TimelineOssCard.tsx
@@ -35,7 +35,7 @@ const StyledTimelineCard = styled(TimelineCardBase)(({ theme }) => {
   return {
     ...adoptColorTokens(projectColorTokens.lightColorTokens),
     [theme.getColorSchemeSelector("dark")]: adoptColorTokens(
-      projectColorTokens.darkColorTokens
+      projectColorTokens.darkColorTokens,
     ),
   };
 });

diff --git a/src/features/Timeline/TimelineProjectCard.tsx b/src/features/Timeline/TimelineProjectCard.tsx
@@ -44,7 +44,7 @@ const StyledTimelineCard = styled(TimelineCardBase)(({ theme }) => {
   return {
     ...adoptColorTokens(projectColorTokens.lightColorTokens),
     [theme.getColorSchemeSelector("dark")]: adoptColorTokens(
-      projectColorTokens.darkColorTokens
+      projectColorTokens.darkColorTokens,
     ),
   };
 });
@@ -59,7 +59,7 @@ export const TimelineProjectCard = ({
   const dateFormatted = formatDateTime(item.date, showYear ? "yyyy/MM" : "M月");
   const endDateFormatted = formatDateTime(
     item.endDate,
-    showYear ? "yyyy/MM" : endDateFormat
+    showYear ? "yyyy/MM" : endDateFormat,
   );
   const subTitle =
     item.endDate !== "" ? (

diff --git a/src/features/Timeline/TimelineSlideCard.tsx b/src/features/Timeline/TimelineSlideCard.tsx
@@ -35,7 +35,7 @@ const StyledTimelineCard = styled(TimelineCardBase)(({ theme }) => {
   return {
     ...adoptColorTokens(outputColorTokens.lightColorTokens),
     [theme.getColorSchemeSelector("dark")]: adoptColorTokens(
-      outputColorTokens.darkColorTokens
+      outputColorTokens.darkColorTokens,
     ),
   };
 });

diff --git a/src/features/TimelineSearch/TimelineSearchButton.tsx b/src/features/TimelineSearch/TimelineSearchButton.tsx
@@ -68,7 +68,7 @@ export const TimelineSearchButton = (): JSX.Element => {
               <SearchModal onClose={handleClose} />
             </Suspense>
           </ErrorBoundary>,
-          document.body
+          document.body,
         )}
     </>
   );

diff --git a/src/features/TimelineSearch/useTimelineSearch.ts b/src/features/TimelineSearch/useTimelineSearch.ts
@@ -37,7 +37,7 @@ export const useTimelineSearch = (props: {
         findAllMatches: true,
         ignoreLocation: true,
         keys: ["title", "excerpt", "url", "slug"],
-      })
+      }),
     );
   }, [searchItems]);
 

diff --git a/src/features/TimelineTab/TimelineTabList.tsx b/src/features/TimelineTab/TimelineTabList.tsx
@@ -123,7 +123,7 @@ const StyledCheckIcon = styled(CheckIcon)(({ theme }) => ({
 }));
 
 export const TimelineTabList = (
-  props: HTMLAttributes<HTMLElement>
+  props: HTMLAttributes<HTMLElement>,
 ): JSX.Element => {
   return (
     <StyledAnchorLinkGroup {...props}>
@@ -135,7 +135,7 @@ export const TimelineTabList = (
           return {
             ...adoptColorTokens(defaultColorTokens.lightColorTokens),
             [theme.getColorSchemeSelector("dark")]: adoptDarkColorTokens(
-              defaultColorTokens.darkColorTokens
+              defaultColorTokens.darkColorTokens,
             ),
           };
         }}
@@ -151,7 +151,7 @@ export const TimelineTabList = (
           return {
             ...adoptColorTokens(outputColorTokens.lightColorTokens),
             [theme.getColorSchemeSelector("dark")]: adoptDarkColorTokens(
-              outputColorTokens.darkColorTokens
+              outputColorTokens.darkColorTokens,
             ),
           };
         }}
@@ -167,7 +167,7 @@ export const TimelineTabList = (
           return {
             ...adoptColorTokens(projectColorTokens.lightColorTokens),
             [theme.getColorSchemeSelector("dark")]: adoptDarkColorTokens(
-              projectColorTokens.darkColorTokens
+              projectColorTokens.darkColorTokens,
             ),
           };
         }}
@@ -183,7 +183,7 @@ export const TimelineTabList = (
           return {
             ...adoptColorTokens(historyColorTokens.lightColorTokens),
             [theme.getColorSchemeSelector("dark")]: adoptDarkColorTokens(
-              historyColorTokens.darkColorTokens
+              historyColorTokens.darkColorTokens,
             ),
           };
         }}

diff --git a/src/layouts/themes/M3Components.ts b/src/layouts/themes/M3Components.ts
@@ -83,7 +83,7 @@ export const m3Components: Components<Omit<Theme, "palette">> = {
           ["background-color", "box-shadow", "color"],
           {
             duration: theme.transitions.duration.short,
-          }
+          },
         ),
       }),
       colorDefault: ({ theme }) => ({
@@ -93,7 +93,7 @@ export const m3Components: Components<Omit<Theme, "palette">> = {
           ["background-color", "box-shadow", "color"],
           {
             duration: theme.transitions.duration.short,
-          }
+          },
         ),
       }),
       colorPrimary: ({ theme }) => ({
@@ -106,7 +106,7 @@ export const m3Components: Components<Omit<Theme, "palette">> = {
           ["background-color", "box-shadow", "color"],
           {
             duration: theme.transitions.duration.short,
-          }
+          },
         ),
       }),
     },
@@ -176,7 +176,7 @@ export const m3Components: Components<Omit<Theme, "palette">> = {
             ["background-color", "box-shadow", "border-color", "color"],
             {
               duration: theme.transitions.duration.short,
-            }
+            },
           ),
           "&:hover": {
             boxShadow: theme.shadows[2],
@@ -192,7 +192,7 @@ export const m3Components: Components<Omit<Theme, "palette">> = {
             ["background-color", "box-shadow", "border-color", "color"],
             {
               duration: theme.transitions.duration.short,
-            }
+            },
           ),
           "&:hover": {
             boxShadow: theme.shadows[1],
@@ -209,7 +209,7 @@ export const m3Components: Components<Omit<Theme, "palette">> = {
             ["background-color", "box-shadow", "border-color", "color"],
             {
               duration: theme.transitions.duration.short,
-            }
+            },
           ),
           "&:hover": {
             boxShadow: theme.shadows[1],