Updated files with ESLint fixes

components/code_portfolio_card.tsx

@@ -11,16 +11,16 @@ interface CodePortfolioCardProps {
 
 const CodePortfolioCard: React.FC<CodePortfolioCardProps> = ({ title, desc, imgURI, uri }) => {
   return (
-  <Link href={uri}>
-    <div className="cursor-pointer border-2 border-gray-900 rounded-md my-2" style={{width: 450}}>
-      <Image src={imgURI} width={450} height={250} className="rounded-t-sm"/>
+    <Link href={uri}>
+      <div className="cursor-pointer border-2 border-gray-900 rounded-md my-2" style={{width: 450}}>
+        <Image src={imgURI} width={450} height={250} className="rounded-t-sm"/>
         <div className="p-2">
           <p className="text-2xl text-white">{ title }</p>
           <p className="text-lg text-white">{ desc }</p>
         </div>
       </div>
-	</Link>
+    </Link>
   );
-}
+};
 
 export default CodePortfolioCard;

components/content_area.tsx

@@ -9,17 +9,17 @@ interface ContentAreaProps {
 };
 
 const ContentArea: React.FC<ContentAreaProps> = (props) => {
-	return (
-		<section id={props.id ?? ''}className={`${props.backgroundColor} pt-8`}>
-			<h2 className="text-5xl text-white mx-8 underline">{props.title}</h2>
-			{props.children}
+  return (
+    <section id={props.id ?? ''}className={`${props.backgroundColor} pt-8`}>
+      <h2 className="text-5xl text-white mx-8 underline">{props.title}</h2>
+      {props.children}
 
-			{
-				props.transitionID ? <div className={styles['small-spacer']} id={styles[props.transitionID]} /> : null
-			}
+      {
+        props.transitionID ? <div className={styles['small-spacer']} id={styles[props.transitionID]} /> : null
+      }
 
-		</section>
-   );
-}
+    </section>
+  );
+};
 
 export default ContentArea;

components/index.ts

@@ -3,7 +3,7 @@ import ContentArea from './content_area';
 import SVGIcon from './svg_icon';
 
 export {
-	CodePortfolioCard,
-	ContentArea,
-	SVGIcon,
+  CodePortfolioCard,
+  ContentArea,
+  SVGIcon,
 };

components/svg_icon.tsx

@@ -7,11 +7,11 @@ interface SVGIconProps {
 };
 
 const SVGIcon: React.FC<SVGIconProps> = ({ uri }) => {
-	return (
-		<>
-			<img className="bg-pink-300 rounded-lg p-2 my-4 max-h-16 w-auto" src={uri}  />
-		</>
-	);
-}
+  return (
+    <>
+      <img className="bg-pink-300 rounded-lg p-2 my-4 max-h-16 w-auto" src={uri}  />
+    </>
+  );
+};
 
 export default SVGIcon;

next.config.js

@@ -1,4 +1,4 @@
 /** @type {import('next').NextConfig} */
 module.exports = {
   reactStrictMode: true,
-}
+};

pages/_app.tsx

@@ -1,8 +1,8 @@
-import '../styles/globals.css'
-import type { AppProps } from 'next/app'
+import '../styles/globals.css';
+import type { AppProps } from 'next/app';
 
 function MyApp({ Component, pageProps }: AppProps) {
-  return <Component {...pageProps} />
+  return <Component {...pageProps} />;
 }
 
-export default MyApp
+export default MyApp;

pages/api/hello.ts

@@ -1,5 +1,5 @@
 // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
-import type { NextApiRequest, NextApiResponse } from 'next'
+import type { NextApiRequest, NextApiResponse } from 'next';
 
 type Data = {
   name: string
@@ -9,5 +9,5 @@ export default function handler(
   req: NextApiRequest,
   res: NextApiResponse<Data>
 ) {
-  res.status(200).json({ name: 'John Doe' })
+  res.status(200).json({ name: 'John Doe' });
 }

postcss.config.js

@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};

tailwind.config.js

@@ -1,10 +1,10 @@
 module.exports = {
-content: [
-    "./pages/**/*.{js,ts,jsx,tsx}",
-    "./components/**/*.{js,ts,jsx,tsx}",
+  content: [
+    './pages/**/*.{js,ts,jsx,tsx}',
+    './components/**/*.{js,ts,jsx,tsx}',
   ],
   theme: {
     extend: {},
   },
   plugins: [],
-}
+};