From c69d561e892c2b755b74f166ec3a66df5a8e1c60 Mon Sep 17 00:00:00 2001
From: Robert van Hoesel <robert@crowded.co>
Date: Sun, 11 Feb 2024 19:39:14 +0100
Subject: [PATCH] Prettier tweaks

---
 package.json                            | 13 ++++++++++++-
 pnpm-lock.yaml                          |  8 ++++----
 src/pages/players/[id]-[username].astro |  8 ++++----
 3 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index b3b94ea..fe78a4d 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,17 @@
   ],
   "prettier": {
     "printWidth": 120,
-    "semi": false
+    "semi": false,
+    "plugins": [
+      "prettier-plugin-astro"
+    ],
+    "overrides": [
+      {
+        "files": "*.astro",
+        "options": {
+          "parser": "astro"
+        }
+      }
+    ]
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 17738aa..3ece2dd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,9 +1,5 @@
 lockfileVersion: '6.0'
 
-settings:
-  autoInstallPeers: true
-  excludeLinksFromLockfile: false
-
 dependencies:
   '@astrojs/node':
     specifier: ^7.0.4
@@ -3991,3 +3987,7 @@ packages:
 
   /zwitch@2.0.4:
     resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
diff --git a/src/pages/players/[id]-[username].astro b/src/pages/players/[id]-[username].astro
index cd1c78c..408e2e5 100644
--- a/src/pages/players/[id]-[username].astro
+++ b/src/pages/players/[id]-[username].astro
@@ -47,10 +47,10 @@ const highestLeague = player?.leaderboard_entries?.reduce(
 
 <Layout title={player?.nickname}>
   <div class="w-full border-b border-gray-700/50 bg-gray-800/50 backdrop-blur-lg">
-    <div class="mx-auto flex max-w-screen-lg flex-wrap items-center gap-4 px-4 md:px-8 py-4">
-      <div class="flex-auto flex items-center gap-3">
-        {player.avatar_url ? <img src={player.avatar_url} alt={player.nickname} class="rounded-sm w-6 md:w-8" /> : <></>}
-        <h1 class="flex-auto text-lg md:text-2xl font-bold text-gray-50">{player.nickname}</h1>
+    <div class="mx-auto flex max-w-screen-lg flex-wrap items-center gap-4 px-4 py-4 md:px-8">
+      <div class="flex flex-auto items-center gap-3">
+        {player.avatar_url && <img src={player.avatar_url} alt={player.nickname} class="w-6 rounded-sm md:w-8" />}
+        <h1 class="flex-auto text-lg font-bold text-gray-50 md:text-2xl">{player.nickname}</h1>
       </div>
       <RankedBadge entry={highestLeague} class="w-16 md:w-20" client:load />
     </div>