chore: lint and format

Signed-off-by: mateonunez <mateonunez95@gmail.com>
mateonunez · Nov 25, 2024 · b1adbd0 · b1adbd0
1 parent 379bebf
commit b1adbd0
Show file tree

Hide file tree

Showing 10 changed files with 518 additions and 1,549 deletions.
diff --git a/biome.json b/biome.json
@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/1.7.3/schema.json",
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
   "organizeImports": {
     "enabled": true
   },
@@ -8,14 +8,12 @@
     "rules": {
       "recommended": true,
       "nursery": {
-        "all": true,
-        "noReactSpecificProps": "off",
-        "noUndeclaredDependencies": "off",
-        "noNodejsModules": "off"
+        "all": true
       },
       "correctness": {
         "all": true,
-        "useExhaustiveDependencies": "off"
+        "useExhaustiveDependencies": "off",
+        "noUndeclaredDependencies": "off"
       },
       "suspicious": {
         "noArrayIndexKey": "off"

diff --git a/components/about/about.module.css b/components/about/about.module.css
@@ -17,7 +17,6 @@
 .introInner {
   margin: auto;
   padding: 1rem;
-  background: #fff;
   border-radius: 0.5rem;
   width: 600px;
   background: var(--bg-secondary);
@@ -69,7 +68,7 @@
   width: fit-content;
   font-size: 2.5rem;
   font-weight: 600;
-  @apply text-transparent bg-clip-text leading-none font-bold;
+  @apply font-bold leading-none text-transparent bg-clip-text;
   @apply bg-gradient-to-b from-pink-500 to-blue-500 via-amber-500 animate-gradient-y;
 }
 

diff --git a/components/animations/fade.jsx b/components/animations/fade.jsx
@@ -40,16 +40,24 @@ export default function Fade({
       ...(trigger?.current && { scrollTrigger: { trigger: trigger.current } }),
     });
 
-    const fadeDirection =
-      direction === 'top'
-        ? { y: distance }
-        : direction === 'right'
-          ? { x: distance }
-          : direction === 'bottom'
-            ? { y: -distance }
-            : direction === 'left'
-              ? { x: -distance }
-              : { x: 0 };
+    let fadeDirection = { x: 0, y: 0 };
+    switch (direction) {
+      case 'top':
+        fadeDirection = { y: distance };
+        break;
+      case 'right':
+        fadeDirection = { x: distance };
+        break;
+      case 'bottom':
+        fadeDirection = { y: -distance };
+        break;
+      case 'left':
+        fadeDirection = { x: -distance };
+        break;
+      default:
+        fadeDirection = { x: 0 };
+        break;
+    }
 
     timeline.fromTo(
       ref.current,

diff --git a/components/articles/mdx/code/dark.css b/components/articles/mdx/code/dark.css
@@ -55,11 +55,11 @@ pre {
  * @author ericwbailey
  */
 
-code[class*='language-'],
-pre[class*='language-'] {
+code[class*="language-"],
+pre[class*="language-"] {
   color: #f8f8f2;
   background: none;
-  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
   text-align: left;
   white-space: pre;
   word-spacing: normal;
@@ -78,19 +78,19 @@ pre[class*='language-'] {
 }
 
 /* Code blocks */
-pre[class*='language-'] {
+pre[class*="language-"] {
   margin: 0.5em 0;
   overflow: auto;
   border-radius: 1em;
 }
 
-:not(pre) > code[class*='language-'],
-pre[class*='language-'] {
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
   background: #0b0e14;
 }
 
 /* Inline code */
-:not(pre) > code[class*='language-'] {
+:not(pre) > code[class*="language-"] {
   padding: 0.1em;
   border-radius: 0.3em;
   white-space: normal;
@@ -167,14 +167,14 @@ pre[class*='language-'] {
 }
 
 @media screen and (-ms-high-contrast: active) {
-  code[class*='language-'],
-  pre[class*='language-'] {
+  code[class*="language-"],
+  pre[class*="language-"] {
     color: windowText;
     background: window;
   }
 
-  :not(pre) > code[class*='language-'],
-  pre[class*='language-'] {
+  :not(pre) > code[class*="language-"],
+  pre[class*="language-"] {
     background: window;
   }
 

diff --git a/components/github/followers/followers.module.css b/components/github/followers/followers.module.css
@@ -30,7 +30,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin: 1rem auto;;
+  margin: 1rem auto;
 }
 
 @media (max-width: 768px) {

diff --git a/components/header/header.module.css b/components/header/header.module.css
@@ -1,5 +1,5 @@
 .header {
-  composes: container from global;
+  /* composes: container from global; */
   height: 85px;
   display: grid;
   grid: auto-flow / repeat(3, 1fr);
@@ -40,7 +40,7 @@
 }
 
 .mobileNav {
-  composes: container from global;
+  /* composes: container from global; */
 }
 
 .toggle,

diff --git a/components/spotify/player/player.jsx b/components/spotify/player/player.jsx
@@ -72,17 +72,15 @@ const Player = () => {
               </div>
             </div>
             {listening?.isPlaying && (
-              <>
-                <div className={s.playingContainer}>
-                  <div className={s.progress}>
-                    <div className={s.listened} style={{ width: `${progress}%` }} />
-                  </div>
+              <div className={s.playingContainer}>
+                <div className={s.progress}>
+                  <div className={s.listened} style={{ width: `${progress}%` }} />
+                </div>
 
-                  <div className={s.animation}>
-                    <PlayerAnimation />
-                  </div>
+                <div className={s.animation}>
+                  <PlayerAnimation />
                 </div>
-              </>
+              </div>
             )}
           </div>
         </div>

diff --git a/package.json b/package.json
@@ -14,27 +14,27 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.7.3",
+    "@biomejs/biome": "1.9.4",
     "@elgorditosalsero/react-gtm-hook": "^2.7.2",
-    "@mdx-js/loader": "^3.0.1",
+    "@mdx-js/loader": "^3.1.0",
     "@octokit/graphql": "^8.1.1",
     "@tailwindcss/typography": "^0.5.15",
-    "@vercel/analytics": "^1.2.2",
-    "autoprefixer": "^10.4.19",
+    "@vercel/analytics": "^1.4.1",
+    "autoprefixer": "^10.4.20",
     "classnames": "^2.5.1",
     "gray-matter": "^4.0.3",
     "gsap": "^3.12.5",
-    "next-mdx-remote": "^3.0.8",
-    "postcss": "^8.4.38",
-    "react-lottie-player": "^1.5.6",
+    "next-mdx-remote": "^5.0.0",
+    "postcss": "^8.4.49",
+    "react-lottie-player": "^2.1.0",
     "reading-time": "^1.5.0",
-    "rehype-prism-plus": "^1.6.3",
+    "rehype-prism-plus": "^2.0.0",
     "rehype-slug": "^6.0.0",
     "remark-gfm": "^4.0.0",
-    "remove-markdown": "^0.5.0",
-    "sharp": "^0.33.3",
+    "remove-markdown": "^0.5.5",
+    "sharp": "^0.33.5",
     "swr": "^2.2.5",
-    "tailwindcss": "^3.4.1"
+    "tailwindcss": "^3.4.15"
   },
   "packageManager": "yarn@4.5.3",
   "author": "mateonunez"

diff --git a/styles/global.css b/styles/global.css
@@ -3,18 +3,17 @@
 @tailwind utilities;
 
 @font-face {
-  font-family: 'Inter';
+  font-family: "Inter";
   font-weight: 100 900;
   font-display: block;
-  src: url('https://assets.vercel.com/raw/upload/v1587415301/fonts/2/inter-var-latin.woff2')
-    format('woff2');
+  src: url("https://assets.vercel.com/raw/upload/v1587415301/fonts/2/inter-var-latin.woff2") format("woff2");
 }
 
 @font-face {
-  font-family: 'Incompleeta';
-  font-weight: 'normal';
+  font-family: "Incompleeta";
+  font-weight: "normal";
   font-display: block;
-  src: url('/fonts/IncompleetaRegular.woff2') format('woff2');
+  src: url("/fonts/IncompleetaRegular.woff2") format("woff2");
 }
 
 :root {
@@ -28,9 +27,9 @@
   --green: #50e3c2;
   --bright-green: #3afacf;
   --gray: #999;
-  --font-sans: 'Inter', sans-serif;
-  --font-mono: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
-    Bitstream Vera Sans Mono, Courier New, monospace;
+  --font-sans: "Inter", sans-serif;
+  --font-mono: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New,
+    monospace;
 }
 
 * {