fix: linter in examples (pmndrs#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]>
mayflower-tech · Jun 8, 2023 · b3f466d · b3f466d
1 parent 93d0e4c
commit b3f466d
Show file tree

Hide file tree

Showing 4 changed files with 3,547 additions and 3,546 deletions.
diff --git a/.eslintrc b/.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"],

diff --git a/examples/src/App.tsx b/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 }} />
         })}

diff --git a/package.json b/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"
   }