Merge pull request #62 from increments/dependabot/npm_and_yarn/prettier-3.0.3

Bump prettier from 2.8.4 to 3.0.3

Author: ohakutsu

package.json

@@ -42,7 +42,7 @@
     "jest": "^29.4.3",
     "lint-staged": "^13.2.3",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.4",
+    "prettier": "^3.0.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.8.1",

src/client/components/ArticleInfo.tsx

@@ -32,7 +32,7 @@ export const ArticleInfo = ({
   isOlderThanRemote,
 }: Props) => {
   const [isOpen, setIsOpen] = useState(
-    localStorage.getItem("openInfoState") === "true" ? true : false
+    localStorage.getItem("openInfoState") === "true" ? true : false,
   );
 
   const toggleAccordion = (event: React.MouseEvent<HTMLInputElement>) => {

src/client/components/Header.tsx

@@ -37,7 +37,7 @@ export const Header = ({
     if (isOlderThanRemote) {
       if (
         !window.confirm(
-          "この記事はQiita上の記事より古い可能性があります。上書きしますか？"
+          "この記事はQiita上の記事より古い可能性があります。上書きしますか？",
         )
       ) {
         return;

src/client/components/HotReloadRoot.tsx

@@ -35,7 +35,7 @@ export const HotReloadRoot = ({ children }: Props) => {
 
 export const useHotReloadEffect = (
   callback: () => unknown,
-  deps: unknown[]
+  deps: unknown[],
 ) => {
   const { reloadedAt } = useContext(HotReloadContext);
 

src/client/components/SidebarArticles.tsx

@@ -47,7 +47,7 @@ export const SidebarArticles = ({ items, sortType, articleState }: Props) => {
   };
 
   const [isDetailsOpen, setIsDetailsOpen] = useState(
-    localStorage.getItem(StorageName[articleState]) === "true"
+    localStorage.getItem(StorageName[articleState]) === "true",
   );
 
   const toggleAccordion = (event: React.MouseEvent<HTMLInputElement>) => {
@@ -138,7 +138,7 @@ const articlesListItemStyle = css({
   gap: getSpace(1),
   lineHeight: LineHeight.bodyDense,
   padding: `${getSpace(3 / 4)}px ${getSpace(5 / 2)}px ${getSpace(
-    3 / 4
+    3 / 4,
   )}px ${getSpace(3 / 2)}px`,
   whiteSpace: "nowrap",
   textOverflow: "ellipsis",

src/client/components/SidebarContents.tsx

@@ -28,7 +28,7 @@ type SortType = (typeof SortType)[keyof typeof SortType];
 export const SidebarContents = ({ isStateOpen, handleMobileClose }: Props) => {
   const [items, setItems] = useState<ItemsIndexViewModel>();
   const [isOpen, setIsOpen] = useState(
-    localStorage.getItem("openSidebarState") === "true"
+    localStorage.getItem("openSidebarState") === "true",
   );
 
   const [sortType, setSortType] = useState<SortType>(SortType.ByUpdatedAt);
@@ -646,7 +646,7 @@ const articlesListItemStyle = css({
   gap: getSpace(1),
   lineHeight: LineHeight.bodyDense,
   padding: `${getSpace(3 / 4)}px ${getSpace(5 / 2)}px ${getSpace(
-    3 / 4
+    3 / 4,
   )}px ${getSpace(3 / 2)}px`,
   whiteSpace: "nowrap",
   textOverflow: "ellipsis",

src/client/components/Slide/SlideViewerContent.tsx

@@ -38,7 +38,7 @@ export const SlideViewerContent = ({
         onPrevious();
       }
     },
-    [onPrevious, onNext]
+    [onPrevious, onNext],
   );
 
   return (

src/client/components/Slide/SlideViewerDashboard.tsx

@@ -50,10 +50,14 @@ export const SlideViewerDashboard = ({
         onMouseMove={(event) => {
           setIsTooltipVisible(true);
           setTooltipLeftDistance(
-            event.clientX - event.currentTarget.getBoundingClientRect().left
+            event.clientX - event.currentTarget.getBoundingClientRect().left,
           );
           setDestinationPage(
-            getMagnitudeFromRange(event.currentTarget, event.clientX, totalPage)
+            getMagnitudeFromRange(
+              event.currentTarget,
+              event.clientX,
+              totalPage,
+            ),
           );
         }}
         onMouseLeave={() => {

src/client/components/Slide/SlideViewerDashboardNavigation.tsx

@@ -25,7 +25,7 @@ export const SlideViewerDashboardNavigation = ({
           "slideMode-Dashboard_button--prev",
           {
             "slideMode-Dashboard_button--clickable": !disablePrevious,
-          }
+          },
         )}
         disabled={disablePrevious}
         onClick={() => onPrevious()}
@@ -41,7 +41,7 @@ export const SlideViewerDashboardNavigation = ({
           "slideMode-Dashboard_button--next",
           {
             "slideMode-Dashboard_button--clickable": !disableNext,
-          }
+          },
         )}
         disabled={disableNext}
         onClick={() => onNext()}

src/client/components/Slide/get-magnitude-from-range.ts

@@ -1,7 +1,7 @@
 export function getMagnitudeFromRange(
   target: Element,
   x: number,
-  length: number
+  length: number,
 ) {
   const rect = target.getBoundingClientRect();
   return Math.ceil((x - rect.left) / (rect.width / length));