ci: apply automated fixes

Author: autofix-ci[bot]

examples/react/basic/src/index.tsx

@@ -55,9 +55,9 @@ function Posts({
                       // ones that are cached
                       queryClient.getQueryData(['post', post.id])
                         ? {
-                          fontWeight: 'bold',
-                          color: 'green',
-                        }
+                            fontWeight: 'bold',
+                            color: 'green',
+                          }
                         : {}
                     }
                   >
@@ -134,7 +134,7 @@ function usePosts() {
 const Context = createContext<{
   count: number
   setCount: (count: number) => void
-}>({ count: 0, setCount: () => { } })
+}>({ count: 0, setCount: () => {} })
 
 setTimeout(() => {
   queryPlugin.emit('test', {
@@ -197,7 +197,6 @@ function App() {
           )}
           <Devtools />
         </QueryClientProvider>
-
       </Context.Provider>
     </div>
   )

package.json

@@ -84,4 +84,4 @@
     "@tanstack/solid-devtools": "workspace:*",
     "@tanstack/devtools-vite": "workspace:*"
   }
-}
+}

packages/devtools-ui/package.json

@@ -64,4 +64,4 @@
   "devDependencies": {
     "vite-plugin-solid": "^2.11.6"
   }
-}
+}

packages/devtools-ui/src/components/header.tsx

@@ -1,43 +1,44 @@
-import clsx from "clsx";
-import { useStyles } from "../styles/use-styles"
-import type { JSX } from "solid-js/jsx-runtime";
+import clsx from 'clsx'
+import { useStyles } from '../styles/use-styles'
+import type { JSX } from 'solid-js/jsx-runtime'
 
-export function Header({ children, class: className, ...rest }: JSX.IntrinsicElements["header"]) {
-  const styles = useStyles();
-  return <header class={clsx(styles().header.row, 'tsqd-header', className)} {...rest}>
-    {children}
-  </header>
+export function Header({
+  children,
+  class: className,
+  ...rest
+}: JSX.IntrinsicElements['header']) {
+  const styles = useStyles()
+  return (
+    <header
+      class={clsx(styles().header.row, 'tsqd-header', className)}
+      {...rest}
+    >
+      {children}
+    </header>
+  )
 }
 
 export function HeaderLogo({
   children,
-  flavor
+  flavor,
 }: {
-  children: JSX.Element,
+  children: JSX.Element
   flavor: {
-    light: string,
+    light: string
     dark: string
   }
 }) {
-  const styles = useStyles();
+  const styles = useStyles()
   return (
     <div class={styles().header.logoAndToggleContainer}>
-      <button
-        class={clsx(styles().header.logo,)}
-      >
+      <button class={clsx(styles().header.logo)}>
+        <span class={clsx(styles().header.tanstackLogo)}>TANSTACK</span>
         <span
-          class={clsx(styles().header.tanstackLogo)}
-        >
-          TANSTACK
-        </span>
-        <span
-          class={clsx(
-            styles().header.flavorLogo(flavor.light, flavor.dark),
-          )}
+          class={clsx(styles().header.flavorLogo(flavor.light, flavor.dark))}
         >
           {children}
         </span>
       </button>
-    </div>)
-
-}
+    </div>
+  )
+}