chore: Added GSC requirements for verification.

Author: Blankeos

dev/components/examples/example-base.tsx

@@ -3,7 +3,7 @@ import { createSignal, FlowProps, JSX, Show } from 'solid-js';
 
 type ExampleBaseProps = {
   title: JSX.Element;
-  description: string;
+  description: JSX.Element;
   class?: string;
   code?: JSX.Element;
 };

dev/components/examples/use-local-storage/use-local-storage.example.tsx

@@ -17,7 +17,15 @@ export function UseLocalStorageExample() {
   return (
     <ExampleBase
       title="useLocalStorage"
-      description="A hook that allows using value from the localStorage as a signal The hook works the same way as createSignal, but also writes the value to the localStorage."
+      description={
+        <>
+          A hook that allows using value from the localStorage as a signal The hook works the same
+          way as createSignal, but also writes the value to the localStorage.
+          <br />
+          <br />
+          To test, try changing the value with two tabs open.
+        </>
+      }
       code={<Code components={components} />}
     >
       <div class="flex h-full w-full flex-col items-center justify-center gap-3 rounded-md border p-3 py-10 text-center transition-colors">
@@ -36,7 +44,7 @@ export function UseLocalStorageExample() {
           </Key>
         </div>
 
-        <span class="text-neutral-500">Favorite Fruit: {value()}</span>
+        <span class="text-sm text-neutral-500">Favorite Fruit: {value()}</span>
       </div>
     </ExampleBase>
   );

dev/components/examples/use-toggle/use-toggle.example.tsx

@@ -2,8 +2,8 @@ import { useToggle } from 'src';
 import { ExampleBase } from '../example-base';
 import Code from './use-toggle.code.mdx';
 
+import { createMemo, FlowProps } from 'solid-js';
 import { useMDXComponents } from 'solid-jsx';
-import { createMemo, createSignal, FlowProps, VoidProps } from 'solid-js';
 
 export function UseToggleExample() {
   const [value, toggle] = useToggle(['apple', 'orange', 'grape', 'kiwi'] as const);
@@ -12,21 +12,10 @@ export function UseToggleExample() {
   const components: any = useMDXComponents();
 
   const color = createMemo(() => {
-    if (value() === 'apple') {
-      return '#e5312f';
-    }
-
-    if (value() === 'orange') {
-      return '#fc8627';
-    }
-
-    if (value() === 'grape') {
-      return '#bc3d73';
-    }
-
-    if (value() === 'kiwi') {
-      return '#acc144';
-    }
+    if (value() === 'apple') return '#e5312f';
+    if (value() === 'orange') return '#fc8627';
+    if (value() === 'grape') return '#bc3d73';
+    if (value() === 'kiwi') return '#acc144';
 
     return undefined;
   });

dev/public/google7c5ebde40744f824.html

@@ -0,0 +1 @@
+google-site-verification: google7c5ebde40744f824.html