chore(vite-examples): update eslint to v9 and typescript-eslint to v8 (#6454)

Author: MarcusNotheis

.github/workflows/examples.yml

@@ -20,6 +20,7 @@ jobs:
         path:
           - nextjs-app
           - nextjs-pages
+          - remix-ts
           - vite-ts
       fail-fast: false
     steps:
@@ -41,6 +42,10 @@ jobs:
         run: npm run test --if-present
         working-directory: examples/${{ matrix.path }}
 
+      - name: ESLint
+        run: npm run lint --if-present
+        working-directory: examples/${{ matrix.path }}
+
   templates:
     runs-on: ubuntu-latest
     strategy:
@@ -68,3 +73,7 @@ jobs:
       - name: Test
         run: npm run test --if-present
         working-directory: templates/${{ matrix.path }}
+
+      - name: ESLint
+        run: npm run lint --if-present
+        working-directory: templates/${{ matrix.path }}

examples/vite-ts/.eslintrc.cjs

@@ -13,7 +13,7 @@ export default defineConfig({
 
   e2e: {
     baseUrl: 'http://localhost:5173/',
-    setupNodeEvents(on, config) {
+    setupNodeEvents() {
       // implement node event listeners here
     }
   }

examples/vite-ts/cypress.config.ts

@@ -26,6 +26,7 @@ import './commands';
 // Alternatively, can be defined in cypress/support/component.d.ts
 // with a <reference path="./component" /> at the top of your spec.
 declare global {
+  // eslint-disable-next-line @typescript-eslint/no-namespace
   namespace Cypress {
     interface Chainable {
       mount: typeof mount;

examples/vite-ts/cypress/support/component.tsx

@@ -0,0 +1,25 @@
+import js from '@eslint/js';
+import globals from 'globals';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import tseslint from 'typescript-eslint';
+
+export default tseslint.config(
+  { ignores: ['dist'] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser
+    },
+    plugins: {
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      'react-refresh/only-export-components': ['warn', { allowConstantExport: true }]
+    }
+  }
+);