further linter improvements

.eslintrc.json

@@ -1,9 +1,10 @@
 {
     "extends": [
         "eslint:recommended",
-        "plugin:react/recommended",
+        "plugin:react/jsx-runtime",
         "plugin:prettier/recommended",
-        "plugin:@typescript-eslint/recommended",
+        "plugin:@typescript-eslint/strict",
+        "plugin:@typescript-eslint/stylistic",
         "plugin:tailwindcss/recommended"
     ],
     "parser": "@typescript-eslint/parser",
@@ -13,14 +14,14 @@
         "website/public/examples/**"
     ],
     "root": true,
-    "plugins": ["react", "jest", "@typescript-eslint"],
+    "plugins": ["react", "jest", "@typescript-eslint", "tailwindcss"],
     "env": {
         "browser": true,
         "node": true,
-        "es6": true
+        "es2024": true
     },
     "parserOptions": {
-        "ecmaVersion": 2022,
+        "ecmaVersion": "latest",
         "sourceType": "module",
         "ecmaFeatures": {
             "jsx": true
@@ -32,23 +33,11 @@
         }
     },
     "rules": {
-        "quotes": ["warn", "double"],
+        "quotes": ["error", "double"],
         "semi": ["error", "always"],
-        "no-restricted-syntax": ["error", "WithStatement"],
-        "no-bitwise": [0],
-        "no-plusplus": [0],
-        "lines-between-class-members": [0],
-        "one-var": [0],
-        "no-param-reassign": [0],
-        "@typescript-eslint/no-explicit-any": 0,
-        "@typescript-eslint/ban-ts-comment": 0,
-        "import/prefer-default-export": [0],
-        "no-cond-assign": [0],
-        "react/prop-types": "off",
-        "react/display-name": "off",
-        "react/jsx-uses-react": "off",
-        "react/react-in-jsx-scope": "off",
-        "react/jsx-no-target-blank": [1],
+        "no-plusplus": "off",
+        "@typescript-eslint/no-explicit-any": "off",
+        "@typescript-eslint/no-non-null-assertion": "off",
         "tailwindcss/no-custom-classname": "off"
     }
 }

package.json

@@ -46,6 +46,7 @@
         "jest-environment-jsdom": "^29.7.0",
         "next": "^14.1.0",
         "prettier": "^3.2.5",
+        "publint": "^0.2.7",
         "ts-node": "^10.9.2",
         "tsc-alias": "^1.8.8",
         "typescript": "^5.3.3"

packages/virtual/core/src/__mocks__/ResizeObserver.ts

@@ -52,8 +52,12 @@ class TestResizeObserver implements ResizeObserver {
         this.flushTimer = setTimeout(() => this.flush(), 0);
     }
 
-    unobserve() {}
-    disconnect() {}
+    unobserve() {
+        // do nothing.
+    }
+    disconnect() {
+        // do nothing.
+    }
 }
 
 export default TestResizeObserver;

packages/virtual/core/src/models/VirtualScroller.ts

@@ -298,7 +298,9 @@ class VirtualScroller {
         }
     }
 
-    private _unobserveResize = () => {};
+    private _unobserveResize = () => {
+        // do nothing.
+    };
 
     constructor(params?: VirtualScrollerInitialParams) {
         if (params) {

website/app/virtual/reference/[...reference]/page.tsx

@@ -2,7 +2,9 @@ import type { Metadata } from "next";
 import glob from "fast-glob";
 import Link from "next/link";
 
-type Params = { params: { reference: string[] } };
+interface Params {
+    params: { reference: string[] };
+}
 
 export async function generateStaticParams() {
     const result = glob

website/components/Menu/index.tsx

@@ -6,13 +6,13 @@ import { VscGithub, VscMenu, VscClose } from "react-icons/vsc";
 import { SiDiscord, SiReact } from "react-icons/si";
 import NavLink from "components/NavLink";
 
-export type MenuItem = {
+export interface MenuItem {
     name: string;
     path: string;
     exact?: boolean;
     comparePath?: string;
     children?: readonly MenuItem[] | MenuItem[];
-};
+}
 
 const H = ["h2", "h3", "h4", "h4"] as const;
 

website/components/SizesTable/index.tsx

@@ -2,12 +2,12 @@ import prettyBytes from "pretty-bytes";
 
 const sizeColumns = ["raw", "min", "minGz", "minBrotli"] as const;
 
-type SizesTableProps = {
+interface SizesTableProps {
     items: [
         { raw: number; min: number; minGz: number; minBrotli: number },
         name: string
     ][];
-};
+}
 
 const SizesTable = ({ items }: SizesTableProps) => {
     switch (items.length) {

website/utils/examples/index.ts

@@ -8,7 +8,9 @@ import { execSync } from "node:child_process";
 import type { MenuItem } from "components/Menu";
 import type { Metadata } from "next";
 
-export type Params = { params: { example: string[] } };
+export interface Params {
+    params: { example: string[] };
+}
 
 function walkMenu(
     obj: Record<string, any> | null,