Fix small items from review

Author: JackWilb

apps/docs/.eslintrc.json

@@ -2,6 +2,6 @@
   "extends": ["../../.eslintrc.json", "next", "next/core-web-vitals"],
   "ignorePatterns": [".next/**/*"],
   "rules": {
-    "@next/next/no-html-link-for-pages": ["error", "apps/docs/pages"]
+    "@next/next/no-html-link-for-pages": ["error", "pages"]
   }
 }

apps/docs/components/card/index.tsx

@@ -1,19 +1,33 @@
 import cn from 'clsx';
 import Link from 'next/link';
-import React from 'react';
+import type {
+  CSSProperties,
+  HTMLAttributes,
+  PropsWithChildren,
+  ReactNode,
+} from 'react';
 
 import styles from './style.module.css';
 
+type CardProps = PropsWithChildren<
+  HTMLAttributes<HTMLAnchorElement> & {
+    title: ReactNode;
+    icon?: ReactNode;
+    image?: boolean;
+    arrow?: boolean;
+    href: string;
+  }
+>;
+
 export function Card({
   children,
   title,
   icon,
   image,
   arrow,
-  demo,
   href,
   ...props
-}) {
+}: CardProps) {
   const animatedArrow = arrow ? (
     <span
       className={cn(
@@ -81,16 +95,26 @@ export function Card({
   );
 }
 
-export function Cards({ children, num, ...props }) {
+type CardsProps = PropsWithChildren<
+  HTMLAttributes<HTMLDivElement> & {
+    num?: number;
+  }
+>;
+
+type CardsStyle = CSSProperties & {
+  '--rows': number;
+};
+
+export function Cards({ children, num, ...props }: CardsProps) {
   return (
     <div
       className={cn(styles.cards, 'mt-4 gap-4')}
       {...props}
       style={
         {
-          '--rows': num || 3,
+          '--rows': num ?? 3,
           ...props.style,
-        } as any
+        } as CardsStyle
       }
     >
       {children}

apps/docs/tsconfig.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "jsx": "preserve",
     "baseUrl": ".",
-    "moduleResolution": "bundler",
+    "moduleResolution": "node",
     "allowJs": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,