Format

Author: hasparus

prettier.config.mjs

@@ -26,7 +26,10 @@ export default {
       },
     },
   ],
-  plugins: ["prettier-plugin-pkg", "prettier-plugin-tailwindcss"],
-  // We need this to ensure classes format the same across CI and editors.
+  // We need the absolute paths here to ensure classes format the same across CI and editors.
+  plugins: [
+    import.meta.resolve("prettier-plugin-pkg").replace("file://", ""),
+    import.meta.resolve("prettier-plugin-tailwindcss").replace("file://", ""),
+  ],
   tailwindConfig: resolve(__dirname, "./tailwind.config.ts"),
 }

src/components/tools-and-libraries.tsx

@@ -327,7 +327,7 @@ export function CodePage({ allTags, data }: CodePageProps) {
             <Collapse horizontal isOpen={showSidebar}>
               <section className="nextra-scrollbar overflow-y-auto p-4 pt-0 md:h-[calc(100vh-var(--nextra-navbar-height)-var(--nextra-menu-height))]">
                 <div className="sticky top-0 z-10 bg-[rgb(var(--nextra-bg))] shadow-[0_8px_16px_8px_rgb(var(--nextra-bg))]">
-                  <label className="focus-within:gql-focus-outline flex items-center gap-1 border border-neu-300 bg-neu-0 p-2">
+                  <label className="flex items-center gap-1 border border-neu-300 bg-neu-0 p-2 focus-within:gql-focus-outline">
                     <SearchIcon className="size-5 text-neu-800" />
                     <input
                       value={search}