Update ESLint plugins

- Update to `@typescript-eslint/eslint-plugin@7`.
- Update to `eslint-plugin-jsdoc@48`.
- Update to `eslint-plugin-markdown@4`.
- Update to `eslint-plugin-unicorn@52`.
- Enable rule `@typescript-eslint/class-methods-use-this`.
- Enable rule `unicorn/no-await-in-promise-methods`.
- Enable rule `unicorn/no-single-promise-in-promise-methods`.
- Disble rule `@typescript-eslint/no-throw-literal` for type checking.
- Enable rule `@typescript-eslint/no-array-delete` for type checking.
- Enable rule `@typescript-eslint/no-unsafe-unary-minus` for type checking.
- Enable rule `@typescript-eslint/no-useless-template-literals` for type checking.
- Enable rule `@typescript-eslint/only-throw-error` for type checking.
- Enable rule `@typescript-eslint/prefer-destructuring` for type checking.
- Enable rule `@typescript-eslint/prefer-find` for type checking.
- Enable rule `@typescript-eslint/prefer-promise-reject-errors` for type checking.
- Enable rule `@typescript-eslint/use-unknown-in-catch-callback-variable` for type checking.

examples/babel-react/src/index.jsx

@@ -1,6 +1,6 @@
 import 'bulma/css/bulma.css'
-import { render } from 'react-dom'
+import { createRoot } from 'react-dom/client.js'
 
 import { App } from './components/App/index.js'
 
-render(<App />, document.getElementById('app'))
+createRoot(document.getElementById('app')).render(<App />)

examples/typescript-preact/src/components/Button/index.tsx

@@ -5,7 +5,7 @@ interface ButtonProps extends ComponentProps<'button'> {
   /**
    * An optional class name for the button.
    */
-  className?: string
+  readonly className?: string
 }
 
 /**

examples/typescript-preact/src/components/ErrorHandler/index.tsx

@@ -4,7 +4,7 @@ interface ErrorHandlerProps {
   /**
    * The elements to try to render.
    */
-  children: ComponentChildren
+  readonly children: ComponentChildren
 }
 
 interface State {

examples/typescript-preact/src/components/Input/index.tsx

@@ -4,29 +4,29 @@ interface InputProps {
   /**
    * The label to render for the input.
    */
-  label: ComponentChild
+  readonly label: ComponentChild
 
   /**
    * The name of the input field.
    *
    * This will also be used as the id.
    */
-  name: string
+  readonly name: string
 
   /**
    * The event handler to call when the input changes.
    */
-  onChange: JSX.GenericEventHandler<HTMLInputElement>
+  readonly onChange: JSX.GenericEventHandler<HTMLInputElement>
 
   /**
    * The input type.
    */
-  type?: 'text' | 'url'
+  readonly type?: 'text' | 'url'
 
   /**
    * The current value of the input.
    */
-  value: string
+  readonly value: string
 }
 
 /**

examples/typescript-preact/src/components/ItemForm/index.tsx

@@ -10,7 +10,7 @@ interface ItemFormProps {
   /**
    * Called when the form is submitted
    */
-  onSubmit: (item: Item) => unknown
+  readonly onSubmit: (item: Item) => unknown
 }
 
 /**

examples/typescript-react/src/components/ErrorHandler/index.tsx

@@ -4,7 +4,7 @@ interface ErrorHandlerProps {
   /**
    * The elements to try to render.
    */
-  children: ReactNode
+  readonly children: ReactNode
 }
 
 interface State {

examples/typescript-react/src/components/Input/index.tsx

@@ -4,29 +4,29 @@ interface InputProps {
   /**
    * The label to render for the input.
    */
-  label: ReactNode
+  readonly label: ReactNode
 
   /**
    * The name of the input field.
    *
    * This will also be used as the id.
    */
-  name: string
+  readonly name: string
 
   /**
    * The event handler to call when the input changes.
    */
-  onChange: ChangeEventHandler<HTMLInputElement>
+  readonly onChange: ChangeEventHandler<HTMLInputElement>
 
   /**
    * The input type.
    */
-  type?: 'text' | 'url'
+  readonly type?: 'text' | 'url'
 
   /**
    * The current value of the input.
    */
-  value: string
+  readonly value: string
 }
 
 /**

examples/typescript-react/src/components/ItemForm/index.tsx

@@ -9,7 +9,7 @@ interface ItemFormProps {
   /**
    * Called when the form is submitted
    */
-  onSubmit: (item: Item) => unknown
+  readonly onSubmit: (item: Item) => unknown
 }
 
 /**