fix: prettify files

gylxan · gylxan · commit 90185113209e · 2025-12-01T07:35:31.000+01:00
diff --git a/__mocks__/next-sanity.ts b/__mocks__/next-sanity.ts
@@ -1,7 +1,9 @@
 import { vi } from 'vitest';
 
-export const fetchMock: <R>(query: string, params: Record<string, never> | undefined) => Promise<R> =
-  vi.fn();
+export const fetchMock: <R>(
+  query: string,
+  params: Record<string, never> | undefined,
+) => Promise<R> = vi.fn();
 export const groq = vi
   .fn()
   .mockImplementation((stringLiteral: string) => stringLiteral);
diff --git a/components/button/button.spec.tsx b/components/button/button.spec.tsx
@@ -2,7 +2,7 @@ import { render, screen } from '@testing-library/react';
 import Button from 'components/button/button';
 import { describe, expect, it, vi } from 'vitest';
 
-vi.mock('next-sanity')
+vi.mock('next-sanity');
 
 describe('<Button />', () => {
   it('should render as button', () => {
diff --git a/components/document-creator/document-creator.spec.tsx b/components/document-creator/document-creator.spec.tsx
@@ -5,8 +5,8 @@ import useSanityImage from '../../hooks/useSanityImage';
 import { afterEach, describe, expect, it, vi } from 'vitest';
 
 vi.mock('hooks/useSanityImage');
-vi.mock('next-sanity')
-vi.mock('use-intl')
+vi.mock('next-sanity');
+vi.mock('use-intl');
 
 const mockUseSanityImage = vi.mocked(useSanityImage);
 
diff --git a/components/dropdown-menu/dropdown-menu.spec.tsx b/components/dropdown-menu/dropdown-menu.spec.tsx
@@ -1,6 +1,6 @@
 import type { DropdownMenuProps } from 'components/dropdown-menu/dropdown-menu';
-import  DropdownMenu from 'components/dropdown-menu/dropdown-menu';
-import DropdownMenuItem  from 'components/dropdown-menu/dropdown-menu-item/dropdown-menu-item';
+import DropdownMenu from 'components/dropdown-menu/dropdown-menu';
+import DropdownMenuItem from 'components/dropdown-menu/dropdown-menu-item/dropdown-menu-item';
 import { fireEvent, render, screen } from '@testing-library/react';
 import { describe, expect, it, vi } from 'vitest';
 
diff --git a/components/endless-scrolling-list/endless-scrolling-list.spec.tsx b/components/endless-scrolling-list/endless-scrolling-list.spec.tsx
@@ -26,9 +26,9 @@ import PostListItem from '../post-list-item/post-list-item';
 
 vi.mock('hooks/useSanityImage');
 vi.mock('hooks/useEndlessScrolling');
-vi.mock('next-sanity')
-vi.mock('use-intl')
-vi.mock('next/router')
+vi.mock('next-sanity');
+vi.mock('use-intl');
+vi.mock('next/router');
 
 vi.mock('contexts/app-context', async (importOriginal) => {
   return {
diff --git a/components/endless-scrolling-list/endless-scrolling-list.tsx b/components/endless-scrolling-list/endless-scrolling-list.tsx
@@ -3,7 +3,7 @@ import { useAppContext } from 'contexts/app-context';
 import useEndlessScrolling, {
   UseEndlessScrollingProps,
 } from 'hooks/useEndlessScrolling';
-import EndlessScrollingItem from 'components/endless-scrolling-item/endless-scrolling-item'
+import EndlessScrollingItem from 'components/endless-scrolling-item/endless-scrolling-item';
 import { useTranslations } from 'use-intl';
 import Loader from '../loader/loader';
 
diff --git a/components/experiences/experience/experience.spec.tsx b/components/experiences/experience/experience.spec.tsx
@@ -6,8 +6,8 @@ import { getFormattedMonthAndYear } from 'utils/date';
 import { routerConfig } from '__mocks__/next/router';
 import { describe, expect, it, vi } from 'vitest';
 
-vi.mock('next-sanity')
-vi.mock('next/router')
+vi.mock('next-sanity');
+vi.mock('next/router');
 
 describe('<Experience />', () => {
   const props: ExperienceProps = {
diff --git a/components/experiences/experiences.spec.tsx b/components/experiences/experiences.spec.tsx
@@ -3,9 +3,9 @@ import { Experiences } from 'components';
 import { render, screen } from '@testing-library/react';
 import { describe, expect, it, vi } from 'vitest';
 
-vi.mock('next-sanity')
-vi.mock('use-intl')
-vi.mock('next/router')
+vi.mock('next-sanity');
+vi.mock('use-intl');
+vi.mock('next/router');
 
 describe('<Experiences />', () => {
   const props: ExperiencesProps = {
diff --git a/components/footer/footer.spec.tsx b/components/footer/footer.spec.tsx
@@ -4,7 +4,7 @@ import { mockSiteConfig } from 'constants/mock';
 import type { SocialMedia } from 'types/siteConfig';
 import { describe, expect, it, vi } from 'vitest';
 
-vi.mock('next-sanity')
+vi.mock('next-sanity');
 
 describe('<Footer />', () => {
   const props: FooterProps = {
diff --git a/components/header/header.spec.tsx b/components/header/header.spec.tsx
@@ -13,9 +13,9 @@ import {
 } from 'vitest';
 
 vi.mock('hooks/useSanityImage');
-vi.mock('next-sanity')
-vi.mock('next/router')
-vi.mock('use-intl')
+vi.mock('next-sanity');
+vi.mock('next/router');
+vi.mock('use-intl');
 
 const mockUseSanityImage = vi.mocked(useSanityImage);
 
diff --git a/components/language-dropdown/language-dropdown.spec.tsx b/components/language-dropdown/language-dropdown.spec.tsx
@@ -14,8 +14,8 @@ import {
   vi,
 } from 'vitest';
 
-vi.mock('next-sanity')
-vi.mock('use-intl')
+vi.mock('next-sanity');
+vi.mock('use-intl');
 
 const mockUseRouter = vi.mocked(useRouter);
 vi.mock('next/router', async (importOriginal) => {
diff --git a/components/menu-button/menu-button.tsx b/components/menu-button/menu-button.tsx
@@ -14,7 +14,7 @@ const MenuButton = ({ open, className, ...otherProps }: MenuButtonProps) => {
       {...otherProps}
       type="button"
       aria-label={`${t(`${open ? 'close' : 'open'}_menu`)}`}
-      data-state={open? 'open' : 'closed'}
+      data-state={open ? 'open' : 'closed'}
       className={clsx(styles.menuButton, open && styles.open, className)}
     >
       <div className={styles.lineBox}>
diff --git a/components/menu/menu.spec.tsx b/components/menu/menu.spec.tsx
@@ -55,7 +55,6 @@ describe('<Menu />', () => {
 
     fireEvent.click(screen.getByRole('button'));
 
-
     expect(document.querySelector('body')).toHaveClass('menu-open');
     expect(screen.getByRole('menu')).toHaveAttribute('data-state', 'open');
   });
@@ -69,7 +68,10 @@ describe('<Menu />', () => {
 
     fireEvent.click(screen.getByRole('button'));
     expect(document.querySelector('body')).not.toHaveClass('menu-open');
-    expect(screen.getByRole('menu', {hidden: true})).toHaveAttribute('data-state', 'closed');
+    expect(screen.getByRole('menu', { hidden: true })).toHaveAttribute(
+      'data-state',
+      'closed',
+    );
   });
 
   it('removes the menu-open class on resize for md and up screens', () => {
@@ -109,7 +111,10 @@ describe('<Menu />', () => {
     fireEvent.click(screen.getAllByRole('menuitem')[0]);
 
     expect(document.querySelector('body')).not.toHaveClass('menu-open');
-    expect(screen.getByRole('menu', { hidden: true })).toHaveAttribute('data-state', 'closed')
+    expect(screen.getByRole('menu', { hidden: true })).toHaveAttribute(
+      'data-state',
+      'closed',
+    );
   });
 
   it('should close the burger menu, when useOutsideClick is triggered', () => {
@@ -124,6 +129,9 @@ describe('<Menu />', () => {
     });
 
     expect(document.querySelector('body')).not.toHaveClass('menu-open');
-    expect(screen.getByRole('menu', {hidden: true})).toHaveAttribute('data-state', 'closed');
+    expect(screen.getByRole('menu', { hidden: true })).toHaveAttribute(
+      'data-state',
+      'closed',
+    );
   });
 });
diff --git a/components/menu/menu.tsx b/components/menu/menu.tsx
@@ -64,7 +64,7 @@ const Menu = ({ links, resume }: MenuProps) => {
     }
   }
 
-  const state = isMenuOpen ? "open" : "closed"
+  const state = isMenuOpen ? 'open' : 'closed';
   return (
     <nav className="flex" ref={ref}>
       <MenuButton
diff --git a/components/portable-text/__tests__/portableText.spec.tsx b/components/portable-text/__tests__/portableText.spec.tsx
@@ -2,7 +2,7 @@ import { render, screen } from '@testing-library/react';
 import PortableText from 'components/portable-text/portable-text';
 import { describe, expect, it, vi } from 'vitest';
 
-vi.mock('next-sanity')
+vi.mock('next-sanity');
 
 describe('<PortableText />', () => {
   const value = [
diff --git a/components/portable-text/__tests__/types/sanityImage.spec.tsx b/components/portable-text/__tests__/types/sanityImage.spec.tsx
@@ -14,7 +14,7 @@ import {
 } from 'vitest';
 
 vi.mock('hooks/useSanityImage');
-vi.mock('next-sanity')
+vi.mock('next-sanity');
 
 describe('<SanityImage />', () => {
   const value = {
@@ -35,7 +35,7 @@ describe('<SanityImage />', () => {
   };
 
   const imageProps = {
-    loader: vi.fn().mockReturnValue("https://cdn.sanity.io/image.png?w=123"),
+    loader: vi.fn().mockReturnValue('https://cdn.sanity.io/image.png?w=123'),
     src: 'https://cdn.sanity.io/image.png',
     width: 123,
     height: 123,
diff --git a/components/post-list-item/post-list-item.spec.tsx b/components/post-list-item/post-list-item.spec.tsx
@@ -19,9 +19,8 @@ import {
 } from 'vitest';
 
 vi.mock('hooks/useSanityImage');
-vi.mock('next-sanity')
-vi.mock('use-intl')
-
+vi.mock('next-sanity');
+vi.mock('use-intl');
 
 const mockUseRouter = vi.mocked(useRouter);
 
@@ -99,7 +98,6 @@ describe('<PostListItem />', () => {
   it('should render', async () => {
     render(<PostListItem {...props} />);
 
-
     expect(screen.getByRole('link')).toBeInTheDocument();
     expect(screen.getByRole('link').getAttribute('href')).toBe(
       `/post/${post.slug.current}`,
diff --git a/components/project/project.spec.tsx b/components/project/project.spec.tsx
@@ -13,8 +13,8 @@ import {
 } from 'vitest';
 
 vi.mock('hooks/useSanityImage');
-vi.mock('next-sanity')
-vi.mock('use-intl')
+vi.mock('next-sanity');
+vi.mock('use-intl');
 
 const mockUseSanityImage = vi.mocked(useSanityImage);
 
diff --git a/components/project/project.tsx b/components/project/project.tsx
@@ -94,9 +94,7 @@ const Project = ({
       </div>
       <p className={styles.description}>{description}</p>
       <div className="mt-auto flex flex-wrap gap-1">
-        {keywords?.map((keyword) => (
-          <Badge key={keyword}>{keyword}</Badge>
-        ))}
+        {keywords?.map((keyword) => <Badge key={keyword}>{keyword}</Badge>)}
       </div>
     </div>
   );
diff --git a/components/skeletons/post-list-item-skeleton.tsx b/components/skeletons/post-list-item-skeleton.tsx
@@ -1,6 +1,9 @@
 const PostListItemSkeleton = () => {
   return (
-    <div role="status" className="flex animate-pulse flex-col gap-2 rounded-md p-3">
+    <div
+      role="status"
+      className="flex animate-pulse flex-col gap-2 rounded-md p-3"
+    >
       <div className="aspect-video rounded-md bg-skeleton" />
       <div className="mt-4 h-7 rounded-md bg-skeleton" />
       <div className="h-4 mt-2 rounded-md bg-skeleton" />
diff --git a/components/skeletons/project-skeleton.tsx b/components/skeletons/project-skeleton.tsx
@@ -1,6 +1,9 @@
 const ProjectSkeleton = () => {
   return (
-    <div role="status" className="flex animate-pulse flex-col gap-2 rounded-md border-2 p-3">
+    <div
+      role="status"
+      className="flex animate-pulse flex-col gap-2 rounded-md border-2 p-3"
+    >
       <div className="flex flex-row justify-between justify-items-start">
         <div className="flex flex-col gap-2">
           <div className="h-[1.125rem] w-[7rem] rounded-md bg-skeleton" />
diff --git a/components/skills/skills.spec.tsx b/components/skills/skills.spec.tsx
@@ -6,9 +6,9 @@ import useSanityImage from '../../hooks/useSanityImage';
 import { describe, expect, it, vi } from 'vitest';
 
 vi.mock('hooks/useSanityImage');
-vi.mock('next-sanity')
-vi.mock('use-intl')
-const mockUseSanityImage = vi.mocked(useSanityImage)
+vi.mock('next-sanity');
+vi.mock('use-intl');
+const mockUseSanityImage = vi.mocked(useSanityImage);
 
 describe('<Skills />', () => {
   mockUseSanityImage.mockReturnValue({
diff --git a/components/skills/skills.tsx b/components/skills/skills.tsx
@@ -11,9 +11,7 @@ const Skills = ({ title, skills }: SkillsProps) => {
     <div className="flex flex-col gap-4" data-testid="skills">
       <h2 className="text-xl">{title}</h2>
       <div className="flex flex-row flex-wrap gap-6">
-        {skills?.map((skill) => (
-          <SkillIcon key={skill.name} {...skill} />
-        ))}
+        {skills?.map((skill) => <SkillIcon key={skill.name} {...skill} />)}
       </div>
     </div>
   );
diff --git a/components/title/title.spec.tsx b/components/title/title.spec.tsx
@@ -2,7 +2,7 @@ import Title, { TitleProps } from 'components/title/title';
 import { render, screen } from '@testing-library/react';
 import { describe, expect, it, vi } from 'vitest';
 
-vi.mock('next/router')
+vi.mock('next/router');
 describe('<Title />', () => {
   const props = {
     children: 'My title',
@@ -12,6 +12,6 @@ describe('<Title />', () => {
     render(<Title {...props} />);
 
     expect(screen.getByRole('heading')).toBeInTheDocument();
-    expect(screen.getByRole('heading')).toHaveTextContent(props.children)
+    expect(screen.getByRole('heading')).toHaveTextContent(props.children);
   });
 });
diff --git a/eslint.config.js b/eslint.config.js
@@ -10,9 +10,9 @@ const compat = new FlatCompat({
 });
 
 const config = [
-    ...compat.extends('next/core-web-vitals', 'next/typescript', 'prettier'),
-    {
-        ignores: ['studio/*', 'node_modules', "public/", ".next/"],
-    },
+  ...compat.extends('next/core-web-vitals', 'next/typescript', 'prettier'),
+  {
+    ignores: ['studio/*', 'node_modules', 'public/', '.next/'],
+  },
 ];
-export default config
+export default config;
diff --git a/hooks/__tests__/useOutsideClick.spec.ts b/hooks/__tests__/useOutsideClick.spec.ts
@@ -11,7 +11,9 @@ describe('useOutsideClick', () => {
   const removeEventListenerSpy = vi.spyOn(document, 'removeEventListener');
   const callback = vi.fn();
   const refContains = vi.fn();
-  const ref = { current: { contains: refContains } } as unknown as RefObject<HTMLElement>;
+  const ref = {
+    current: { contains: refContains },
+  } as unknown as RefObject<HTMLElement>;
   const stopPropagationSpy = vi.fn();
   const event = { stopPropagation: stopPropagationSpy } as unknown as Event;
 
diff --git a/hooks/__tests__/usePath.spec.ts b/hooks/__tests__/usePath.spec.ts
@@ -12,11 +12,11 @@ import {
   vi,
 } from 'vitest';
 
-vi.mock('next/router')
+vi.mock('next/router');
 
 vi.mock('utils/i18n', async (actualImport) => {
   return {
-    ...await actualImport(),
+    ...(await actualImport()),
     isDefaultLanguage: vi.fn(),
   };
 });
diff --git a/hooks/__tests__/useSanityImage.spec.ts b/hooks/__tests__/useSanityImage.spec.ts
@@ -4,7 +4,7 @@ import { SanityImageObject } from '@sanity/image-url/lib/types/types';
 import { useNextSanityImage, UseNextSanityImageProps } from 'next-sanity-image';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
-vi.mock('next-sanity')
+vi.mock('next-sanity');
 vi.mock('next-sanity-image', () => ({
   useNextSanityImage: vi.fn(),
 }));
@@ -15,7 +15,9 @@ describe('useSanityImage', () => {
   const imageProps = { src: '/image-src' };
 
   beforeEach(() => {
-    useNextSanityImageMock.mockReturnValue(imageProps as UseNextSanityImageProps);
+    useNextSanityImageMock.mockReturnValue(
+      imageProps as UseNextSanityImageProps,
+    );
   });
 
   afterEach(() => {
diff --git a/setup-tests.ts b/setup-tests.ts
@@ -1 +1 @@
-import '@testing-library/jest-dom/vitest'
+import '@testing-library/jest-dom/vitest';
diff --git a/studio/tsconfig.json b/studio/tsconfig.json
@@ -13,7 +13,7 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
-    "incremental": true,
+    "incremental": true
   },
   "include": ["**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules"]
diff --git a/tsconfig.json b/tsconfig.json
@@ -15,7 +15,7 @@
     "isolatedModules": true,
     "jsx": "preserve",
     "incremental": true,
-    "typeRoots": ["./types", "node_modules/@types"],
+    "typeRoots": ["./types", "node_modules/@types"]
   },
   "include": [
     "next-env.d.ts",
