From 0eaeee9151eb544bdef0952b60f160329dbd18fb Mon Sep 17 00:00:00 2001
From: adamz <adam@zethrae.us>
Date: Wed, 6 Sep 2023 02:46:12 -0400
Subject: [PATCH] lint

---
 src/components/HomepageFeatures/index.tsx | 25 ++++++++++++++---------
 tailwind.config.js                        | 11 +++++-----
 2 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/src/components/HomepageFeatures/index.tsx b/src/components/HomepageFeatures/index.tsx
index e8a3b93..c518f3c 100644
--- a/src/components/HomepageFeatures/index.tsx
+++ b/src/components/HomepageFeatures/index.tsx
@@ -11,8 +11,8 @@ const FeatureList: FeatureItem[] = [
     title: "Intuitive",
     description: (
       <>
-        StateTree makes the standard declarative coding style <strong>more powerful</strong>.
-        It doesn't discard make you discard it. <strong>There's no Redux here</strong>.
+        StateTree makes the standard declarative coding style <strong>more powerful</strong>. It
+        doesn't discard make you discard it. <strong>There's no Redux here</strong>.
       </>
     ),
   },
@@ -20,8 +20,9 @@ const FeatureList: FeatureItem[] = [
     title: "Powerful",
     description: (
       <>
-        StateTree is both reactive and fully <strong>data driven</strong>.
-        It supports <strong>deep linking</strong> across any app states and enables state saving and replay <strong>out of the box</strong>.
+        StateTree is both reactive and fully <strong>data driven</strong>. It supports{" "}
+        <strong>deep linking</strong> across any app states and enables state saving and replay{" "}
+        <strong>out of the box</strong>.
       </>
     ),
   },
@@ -29,7 +30,11 @@ const FeatureList: FeatureItem[] = [
     title: "Testable",
     description: (
       <>
-        <p>The toughest testing problems are solved upfront. <strong>Side effects</strong>, <strong>dependencies</strong>, and <strong>lifecycles</strong> are easy to manage and deterministic to mock.</p>
+        <p>
+          The toughest testing problems are solved upfront. <strong>Side effects</strong>,{" "}
+          <strong>dependencies</strong>, and <strong>lifecycles</strong> are easy to manage and
+          deterministic to mock.
+        </p>
       </>
     ),
   },
@@ -38,8 +43,8 @@ const FeatureList: FeatureItem[] = [
 function Feature({ title, description }: FeatureItem) {
   return (
     <div className="lg:basis-1/3 sm:basis-full p-2">
-        <h3 className="text-2xl font-serif font-bold mb-3">{title}</h3>
-        <div className="h-full">{description}</div>
+      <h3 className="text-2xl font-serif font-bold mb-3">{title}</h3>
+      <div className="h-full">{description}</div>
     </div>
   );
 }
@@ -47,9 +52,9 @@ function Feature({ title, description }: FeatureItem) {
 export default function HomepageFeatures(): JSX.Element {
   return (
     <section className="m-auto flex flex-1 flex-row flex-wrap items-start content-center md:p-2 lg:p-8 max-w-7xl">
-        {FeatureList.map((props, idx) => (
-          <Feature key={idx} {...props} />
-        ))}
+      {FeatureList.map((props, idx) => (
+        <Feature key={idx} {...props} />
+      ))}
     </section>
   );
 }
diff --git a/tailwind.config.js b/tailwind.config.js
index 4a461fd..94f7632 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,7 +4,6 @@ const defaultTheme = require("tailwindcss/defaultTheme");
 
 const CUSTOM = {
   color: {
-
     "gray:": {
       100: "#f5f6f7",
       200: "#ebedf0",
@@ -143,10 +142,10 @@ module.exports = {
   content: ["./src/**/*.{js,jsx,ts,tsx}"],
   theme: {
     screens: {
-      'sm': '576px',
-      'md': '800px',
-      'lg': '996px',
-      'xl': '1440px',
+      sm: "576px",
+      md: "800px",
+      lg: "996px",
+      xl: "1440px",
     },
     fontFamily: {
       sans: ["Inter", ...defaultTheme.fontFamily.sans],
@@ -183,7 +182,7 @@ module.exports = {
     aspectRatio: false,
   },
   plugins: [
-    require('@tailwindcss/aspect-ratio'),
+    require("@tailwindcss/aspect-ratio"),
     // ...
   ],
 };