fix: add info about dark logo and add prettier plugin for astro

Author: Nemikolh

.prettierrc

@@ -4,5 +4,6 @@
   "useTabs": false,
   "tabWidth": 2,
   "semi": true,
-  "bracketSpacing": true
+  "bracketSpacing": true,
+  "plugins": ["prettier-plugin-astro"]
 }

package.json

@@ -20,6 +20,7 @@
     "husky": "^9.0.11",
     "is-ci": "^3.0.1",
     "prettier": "^3.3.1",
+    "prettier-plugin-astro": "^0.13.0",
     "tempfile": "^5.0.0"
   },
   "lint-staged": {},

packages/astro/src/default/components/Logo.astro

@@ -30,7 +30,12 @@ const logo = readLogoFile('logo');
 const logoDark = readLogoFile('logo-dark') ?? logo;
 
 if (!logo) {
-  console.warn(`No logo found in public/. Supported filenames are: logo.(${LOGO_EXTENSIONS.join('|')})`);
+  console.warn(
+    [
+      `No logo found in public/. Supported filenames are: logo.(${LOGO_EXTENSIONS.join('|')}) `,
+      `(for the light theme) and logo-dark.(${LOGO_EXTENSIONS.join('|')}) (for the dark theme).`,
+    ].join(''),
+  );
 }
 ---
 

packages/astro/src/default/components/ResizablePanel.astro

@@ -55,13 +55,14 @@ if (!hasSidePanel) {
       <slot name="a" />
     </div>
     {
-      hasSidePanel &&
-        (
+      hasSidePanel && (
+        <>
           <div class="panel">
             <slot name="b" />
           </div>
-          <div class="divider"></div>
-        )
+          <div class="divider" />
+        </>
+      )
     }
   </div>
 </resizable-panel>