ci: apply automated fixes

Author: autofix-ci[bot]

examples/react/basic/src/index.tsx

@@ -32,7 +32,14 @@ function App() {
     <div>
       <h1>TanStack Devtools React Basic Example</h1>
       <tsd-json-tree value={JSON.stringify(value)} />
-      <tsd-button text="test" ghost={true} outline={true} value='test' variant="secondary" onClick={() => console.log('Button clicked!')} />
+      <tsd-button
+        text="test"
+        ghost={true}
+        outline={true}
+        value="test"
+        variant="secondary"
+        onClick={() => console.log('Button clicked!')}
+      />
       <Devtools />
     </div>
   )

examples/solid/basic/src/setup.tsx

@@ -25,7 +25,12 @@ const rootRoute = createRootRoute({
       <tsd-json-tree
         value={{ title: 'Test Event', description: 'This is a test event.' }}
       />
-      <tsd-button text="test" value='test' variant="secondary" onClick={() => console.log('Button clicked!')} />
+      <tsd-button
+        text="test"
+        value="test"
+        variant="secondary"
+        onClick={() => console.log('Button clicked!')}
+      />
       <hr />
       <Outlet />
     </>

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

@@ -44,26 +44,29 @@ export function Button(props: ButtonProps) {
   )
 }
 
-export interface ButtonWebComponentProps extends Exclude<ButtonProps, "children"> {
+export interface ButtonWebComponentProps
+  extends Exclude<ButtonProps, 'children'> {
   text: string
 }
 
 export const registerButtonComponent = (elName: string = 'tsd-button') =>
-  customElement<ButtonWebComponentProps>(elName, { variant: 'primary', outline: false, ghost: false, text: "" }, (props, { element }) => {
-    noShadowDOM()
-    const [buttonProps, setButtonProps] = createSignal(props)
+  customElement<ButtonWebComponentProps>(
+    elName,
+    { variant: 'primary', outline: false, ghost: false, text: '' },
+    (props, { element }) => {
+      noShadowDOM()
+      const [buttonProps, setButtonProps] = createSignal(props)
 
-    createEffect(() => {
-      element.addPropertyChangedCallback((name, value) => {
-        setButtonProps((prev) => ({ ...prev, [name]: value }))
+      createEffect(() => {
+        element.addPropertyChangedCallback((name, value) => {
+          setButtonProps((prev) => ({ ...prev, [name]: value }))
+        })
       })
-    })
 
-    return (
-      <Show keyed when={buttonProps()}>
-        <Button {...buttonProps()}>
-          {buttonProps().text}
-        </Button>
-      </Show>
-    )
-  })
+      return (
+        <Show keyed when={buttonProps()}>
+          <Button {...buttonProps()}>{buttonProps().text}</Button>
+        </Show>
+      )
+    },
+  )

packages/devtools/src/core.tsx

@@ -1,7 +1,10 @@
 import { lazy } from 'solid-js'
 import { Portal, render } from 'solid-js/web'
 import { ClientEventBus } from '@tanstack/devtools-event-bus/client'
-import { registerButtonComponent, registerJsonTreeComponent } from '@tanstack/devtools-ui'
+import {
+  registerButtonComponent,
+  registerJsonTreeComponent,
+} from '@tanstack/devtools-ui'
 import { DevtoolsProvider } from './context/devtools-context'
 import { initialState } from './context/devtools-store'
 import type { ClientEventBusConfig } from '@tanstack/devtools-event-bus/client'