u

code/app/base-app/src/hooks/useCounter.ts

@@ -0,0 +1,24 @@
+import { useCallback, useState } from 'react'
+
+export function useCounter(initialValue: number = 0) {
+  const [count, setCount] = useState(initialValue)
+
+  const increment = useCallback(() => {
+    setCount(prev => prev + 1)
+  }, [])
+
+  const decrement = useCallback(() => {
+    setCount(prev => prev - 1)
+  }, [])
+
+  const reset = useCallback(() => {
+    setCount(initialValue)
+  }, [initialValue])
+
+  return {
+    count,
+    increment,
+    decrement,
+    reset,
+  }
+}

code/app/base-app/src/styles/global.css

@@ -0,0 +1,5 @@
+@import 'tailwindcss/theme.css' layer(theme);
+@import 'tailwindcss/preflight.css' layer(base);
+@import 'tailwindcss/utilities.css';
+
+@import 'nativewind/theme';