refactor: rename hook folder in site

site/src/hooks-doc/index.ts → site/src/content/index.ts

@@ -1,4 +1,3 @@
-export * from '../hooks-hidden/useSiteMetadata'
 export * from './useBoolean'
 export * from './useClickAnyWhere'
 export * from './useCopyToClipboard'

site/src/hooks-doc/useBoolean/useBoolean.demo.tsx → site/src/content/useBoolean/useBoolean.demo.tsx

@@ -6,7 +6,7 @@ export default function Component() {
   const { value, setValue, setTrue, setFalse, toggle } = useBoolean(false)
 
   // Just an example to use "setValue"
-  const customToggle = () => setValue(x => !x)
+  const customToggle = () => setValue((x: boolean) => !x)
 
   return (
     <>

site/src/hooks-doc/useCountdown/useCountdown.mdx → site/src/content/useCountdown/useCountdown.mdx

@@ -7,8 +7,6 @@ date: '2022-01-01'
 
 A simple countdown implementation. Support increment and decrement.
 
-<!-- TODO: usehooks-ts@3 , remove "THE NEW" in next line -->
-
 NEW VERSION: A simple countdown implementation. Accepts `countStop`(new), `countStart` (was `seconds`), `intervalMs`(was `interval`) and `isIncrement` as keys of the call argument. Support increment and decrement. Will stop when at `countStop`.
 
 Related hooks:

site/src/hooks-doc/useCounter/useCounter.demo.tsx → site/src/content/useCounter/useCounter.demo.tsx

@@ -5,7 +5,7 @@ import { useCounter } from 'usehooks-ts'
 export default function Component() {
   const { count, setCount, increment, decrement, reset } = useCounter(0)
 
-  const multiplyBy2 = () => setCount(x => x * 2)
+  const multiplyBy2 = () => setCount((x: number) => x * 2)
 
   return (
     <>

site/src/hooks-doc/useLocalStorage/useLocalStorage.demo.tsx → site/src/content/useLocalStorage/useLocalStorage.demo.tsx

@@ -7,7 +7,7 @@ export default function Component() {
   const [isDarkTheme, setDarkTheme] = useLocalStorage('darkTheme', true)
 
   const toggleTheme = () => {
-    setDarkTheme(prevValue => !prevValue)
+    setDarkTheme((prevValue: boolean) => !prevValue)
   }
 
   return (

site/src/hooks-doc/useSessionStorage/useSessionStorage.demo.tsx → site/src/content/useSessionStorage/useSessionStorage.demo.tsx

@@ -8,8 +8,8 @@ export default function Component() {
   return (
     <div>
       <p>Count: {value}</p>
-      <button onClick={() => setValue(x => x + 1)}>Increment</button>
-      <button onClick={() => setValue(x => x - 1)}>Decrement</button>
+      <button onClick={() => setValue((x: number) => x + 1)}>Increment</button>
+      <button onClick={() => setValue((x: number) => x - 1)}>Decrement</button>
     </div>
   )
 }