fix: linter in examples (#277)

* fix: configured .eslintrc to parse ./examples
* feat: added examples dir linting to lint script
* fix: fixed 2 lint problems in examples/src/App.tsx

---------

Co-authored-by: Michael Bashurov <[email protected]>
Co-authored-by: Soham <[email protected]>

Author: Soham1803

.eslintrc

@@ -37,7 +37,7 @@
       "parserOptions": {
         "ecmaFeatures": { "jsx": true },
         "ecmaVersion": 2018,
-        "project": "./tsconfig.json",
+        "project": ["./tsconfig.json", "./examples/tsconfig.json"],
         "sourceType": "module"
       },
       "extends": ["plugin:@typescript-eslint/recommended", "plugin:@typescript-eslint/eslint-recommended", "prettier"],

examples/src/App.tsx

@@ -5,7 +5,7 @@ import { demoDots, demoName, demoPanel, dot, error, loadingContainer, loadingMes
 import { Link, Redirect, Route, useRoute } from 'wouter'
 
 import * as demos from './demos'
-import useErrorBoundary from 'use-error-boundary'
+import { useErrorBoundary } from 'use-error-boundary'
 
 const DEFAULT_COMPONENT_NAME = 'Interactive'
 const visibleComponents = Object.entries(demos).reduce(
@@ -49,7 +49,7 @@ function Dots() {
   return (
     <div className={demoPanel}>
       <div className={demoDots}>
-        {Object.entries(visibleComponents).map(function mapper([name, item]) {
+        {Object.entries(visibleComponents).map(function mapper([name, _item]) {
           const background = params.name === name ? 'salmon' : '#fff'
           return <Link className={dot} key={name} to={`/demo/${name}`} style={{ background }} />
         })}

package.json

@@ -73,7 +73,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build && tsc",
-    "lint": "eslint src/**/*.{ts,tsx}",
+    "lint": "eslint src/**/*.{ts,tsx} && eslint examples/src/**/*.{ts,tsx}",
     "test": "vitest",
     "coverage": "vitest run --coverage"
   }