From 83b2a59caf1d094373dc7bcc8802860284257eea Mon Sep 17 00:00:00 2001
From: rektdeckard <friedtm@gmail.com>
Date: Fri, 5 Jan 2024 10:55:30 -0700
Subject: [PATCH] chore(meta): add prettier and config

---
 .prettierrc                      |  8 ++++++++
 package.json                     |  1 +
 src/components/Header/Header.tsx |  5 +++--
 src/components/Tabs/Tabs.tsx     |  4 ++--
 src/hooks/useEvent.ts            | 10 +++++-----
 src/hooks/useTimeoutFn.ts        |  2 +-
 6 files changed, 20 insertions(+), 10 deletions(-)
 create mode 100644 .prettierrc

diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..34b8f55
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,8 @@
+arrowParens: "always"
+endOfLine: "auto"
+bracketSpacing: true
+printWidth: 80
+semi: true
+singleQuote: false
+tabWidth: 2
+trailingComma: "es5"
diff --git a/package.json b/package.json
index 1742331..bc69598 100644
--- a/package.json
+++ b/package.json
@@ -51,6 +51,7 @@
     "@types/react-dom": "^18.0.10",
     "@types/tinycolor2": "^1.4.3",
     "@vitejs/plugin-react": "^3.1.0",
+    "prettier": "^3.1.1",
     "typescript": "^4.9.5",
     "vite": "^4.1.1",
     "vite-plugin-svgr": "^2.4.0"
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
index f18438d..589f603 100644
--- a/src/components/Header/Header.tsx
+++ b/src/components/Header/Header.tsx
@@ -62,8 +62,9 @@ const Header = (_: HeaderProps) => {
                 Buy Me a Coffee
               </a>
               ! It takes a lot of work to make Phosphor available to the public
-              free and open-source, and your one-time or recurring contribution does
-              a lot to keep us going. Please show us some support if you can!
+              free and open-source, and your one-time or recurring contribution
+              does a lot to keep us going. Please show us some support if you
+              can!
             </small>
           </div>
         </Banner>
diff --git a/src/components/Tabs/Tabs.tsx b/src/components/Tabs/Tabs.tsx
index f524380..447cd36 100644
--- a/src/components/Tabs/Tabs.tsx
+++ b/src/components/Tabs/Tabs.tsx
@@ -46,8 +46,8 @@ const Tabs = ({ tabs, initialIndex = 0, onTabChange }: TabsProps) => {
           activeIndex === 0
             ? contentStyles.activeLeft
             : activeIndex === tabs.length - 1
-            ? contentStyles.activeRight
-            : undefined
+              ? contentStyles.activeRight
+              : undefined
         }
       >
         {tabs[activeIndex]?.content}
diff --git a/src/hooks/useEvent.ts b/src/hooks/useEvent.ts
index 251214b..62bfd53 100644
--- a/src/hooks/useEvent.ts
+++ b/src/hooks/useEvent.ts
@@ -5,10 +5,10 @@ export type UseEventTarget = HTMLElement | SVGElement | Document | Window;
 export type UseEventMap<E extends UseEventTarget> = E extends HTMLElement
   ? HTMLElementEventMap
   : E extends SVGElement
-  ? SVGElementEventMap
-  : E extends Document
-  ? DocumentEventMap
-  : WindowEventMap;
+    ? SVGElementEventMap
+    : E extends Document
+      ? DocumentEventMap
+      : WindowEventMap;
 
 export type UseEventType<E extends UseEventTarget> = keyof UseEventMap<E>;
 
@@ -27,7 +27,7 @@ export type UseEventType<E extends UseEventTarget> = keyof UseEventMap<E>;
 export default function useEvent<
   K extends UseEventType<T>,
   M extends UseEventMap<T>,
-  T extends UseEventTarget = Document
+  T extends UseEventTarget = Document,
 >(
   type: K,
   listener: (this: T, ev: M[K]) => any,
diff --git a/src/hooks/useTimeoutFn.ts b/src/hooks/useTimeoutFn.ts
index 7ff5288..2b88b43 100644
--- a/src/hooks/useTimeoutFn.ts
+++ b/src/hooks/useTimeoutFn.ts
@@ -3,7 +3,7 @@ import { useCallback, useEffect, useRef } from "react";
 export type UseTimeoutFnReturn = [
   isReady: () => boolean | null,
   clear: () => void,
-  set: () => void
+  set: () => void,
 ];
 
 export default function useTimeoutFn(