ci: apply automated fixes

Author: autofix-ci[bot]

packages/devtools/src/components/main-panel.tsx

@@ -2,8 +2,7 @@ import clsx from 'clsx'
 import { useDevtoolsSettings, useHeight } from '../context/use-devtools-context'
 import { useStyles } from '../styles/use-styles'
 import { TANSTACK_DEVTOOLS } from '../utils/storage'
-import type { Accessor, JSX  } from 'solid-js/jsx-runtime'
-
+import type { Accessor, JSX } from 'solid-js/jsx-runtime'
 
 export const MainPanel = (props: {
   isOpen: Accessor<boolean>

packages/devtools/src/context/devtools-context.tsx

@@ -9,8 +9,7 @@ import {
 } from '../utils/storage'
 import { initialState } from './devtools-store'
 import type { DevtoolsStore } from './devtools-store'
-import type { JSX, Setter  } from 'solid-js'
-
+import type { JSX, Setter } from 'solid-js'
 
 export interface TanStackDevtoolsPlugin {
   /**

packages/react-devtools/README.md

@@ -40,18 +40,18 @@ import { TanstackDevtools } from '@tanstack/react-devtools'
 
 function App() {
   return (
-     <div> 
-        <h1>My App</h1>
-        <TanstackDevtools
-          plugins={[
-            {
-              id: "your-plugin-id",
-              name: "Your Plugin",
-              render: <CustomPluginComponent />,
-            }
-          ]}
-        /> 
-     </div>
+    <div>
+      <h1>My App</h1>
+      <TanstackDevtools
+        plugins={[
+          {
+            id: 'your-plugin-id',
+            name: 'Your Plugin',
+            render: <CustomPluginComponent />,
+          },
+        ]}
+      />
+    </div>
   )
 }
 ```

packages/solid-devtools/README.md

@@ -25,7 +25,6 @@ function App() {
 }
 ```
 
-
 ## Creating plugins
 
 In order to create a plugin for TanStack Devtools, you can use the `plugins` prop of the `TanstackDevtools` component. Here's an example of how to create a simple plugin:
@@ -35,18 +34,18 @@ import { TanstackDevtools } from '@tanstack/solid-devtools'
 
 function App() {
   return (
-     <div> 
-        <h1>My App</h1>
-        <TanstackDevtools
-          plugins={[
-            {
-              id: "your-plugin-id",
-              name: "Your Plugin",
-              render: <CustomPluginComponent />,
-            }
-          ]}
-        /> 
-     </div>
+    <div>
+      <h1>My App</h1>
+      <TanstackDevtools
+        plugins={[
+          {
+            id: 'your-plugin-id',
+            name: 'Your Plugin',
+            render: <CustomPluginComponent />,
+          },
+        ]}
+      />
+    </div>
   )
 }
-```
+```