refactor: playground use monorepo packages

docs/introduction/getting-started.md

@@ -17,7 +17,7 @@
 
    ```ts
    // vite.config.js
-   import checker from 'vite-plugin-checker'
+   import { checker } from 'vite-plugin-checker'
    export default {
      plugins: [
        checker({
@@ -33,7 +33,7 @@ If you'd prefer to not run the checkers during unit testing with Vitest, you can
 
 ```ts
 // vite.config.js
-import checker from 'vite-plugin-checker'
+import { checker } from 'vite-plugin-checker'
 export default {
   plugins: [!process.env.VITEST ? checker({ typescript: true }) : undefined],
 }

playground/backend-integration/package.json

@@ -21,6 +21,7 @@
     "http-proxy-middleware": "^2.0.6",
     "typescript": "^5.0.4",
     "vite": "^4.3.0",
-    "vite-plugin-checker": "workspace:*"
+    "vite-plugin-checker": "workspace:*",
+    "@vite-plugin-checker/typescript": "workspace:*"
   }
 }

playground/backend-integration/vite.config.js

@@ -1,6 +1,7 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
-import checker from 'vite-plugin-checker'
+import { checker } from 'vite-plugin-checker'
+import { checker as ts } from '@vite-plugin-checker/typescript'
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -11,5 +12,5 @@ export default defineConfig({
       input: './src/main.tsx',
     },
   },
-  plugins: [react(), checker({ typescript: true })],
+  plugins: [react(), checker([ts()])],
 })

playground/config-default/package.json

@@ -21,6 +21,7 @@
     "eslint": "^8.11.0",
     "typescript": "^5.0.4",
     "vite": "^4.3.0",
-    "vite-plugin-checker": "workspace:*"
+    "vite-plugin-checker": "workspace:*",
+    "@vite-plugin-checker/eslint": "workspace:*"
   }
 }

playground/config-default/vite.config.js

@@ -1,16 +1,19 @@
 import { defineConfig } from 'vite'
-import checker from 'vite-plugin-checker'
+import { checker } from 'vite-plugin-checker'
+import { checker as eslint } from '@vite-plugin-checker/eslint'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   base: '/my-app/',
   // config-edit-slot
   plugins: [
-    checker({
-      eslint: {
-        lintCommand: 'eslint ./src --ext .ts',
-      },
-      // checker-edit-slot
-    }),
+    checker([
+      eslint(
+        {
+          lintCommand: 'eslint ./src --ext .ts',
+        }
+        // checker-edit-slot
+      ),
+    ]),
   ],
 })

playground/config-enableBuild-false/package.json

@@ -21,6 +21,7 @@
     "eslint": "^8.11.0",
     "typescript": "^5.0.4",
     "vite": "^4.3.0",
-    "vite-plugin-checker": "workspace:*"
+    "vite-plugin-checker": "workspace:*",
+    "@vite-plugin-checker/eslint": "workspace:*"
   }
 }

playground/config-enableBuild-false/vite.config.js

@@ -1,16 +1,21 @@
 import { defineConfig } from 'vite'
-import checker from 'vite-plugin-checker'
+import { checker } from 'vite-plugin-checker'
+import { checker as eslint } from '@vite-plugin-checker/eslint'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   // config-edit-slot
   plugins: [
-    checker({
-      enableBuild: false,
-      eslint: {
-        lintCommand: 'eslint ./src --ext .ts',
-      },
-      // checker-edit-slot
-    }),
+    checker(
+      [
+        eslint({
+          lintCommand: 'eslint ./src --ext .ts',
+        }),
+        // checker-edit-slot
+      ],
+      {
+        enableBuild: false,
+      }
+    ),
   ],
 })

playground/config-initialIsOpen-false/package.json

@@ -21,6 +21,7 @@
     "eslint": "^8.11.0",
     "typescript": "^5.0.4",
     "vite": "^4.3.0",
-    "vite-plugin-checker": "workspace:*"
+    "vite-plugin-checker": "workspace:*",
+    "@vite-plugin-checker/eslint": "workspace:*"
   }
 }

playground/config-initialIsOpen-false/vite.config.js

@@ -1,15 +1,20 @@
 import { defineConfig } from 'vite'
-import checker from 'vite-plugin-checker'
+import { checker } from 'vite-plugin-checker'
+import { checker as eslint } from '@vite-plugin-checker/eslint'
 
 export default defineConfig({
   plugins: [
-    checker({
-      overlay: {
-        initialIsOpen: false,
-      },
-      eslint: {
-        lintCommand: 'eslint ./src --ext .ts',
-      },
-    }),
+    checker(
+      [
+        eslint({
+          lintCommand: 'eslint ./src --ext .ts',
+        }),
+      ],
+      {
+        overlay: {
+          initialIsOpen: false,
+        },
+      }
+    ),
   ],
 })

playground/config-no-runtime-in-build/package.json

@@ -21,6 +21,7 @@
     "eslint": "^8.11.0",
     "typescript": "^5.0.4",
     "vite": "^4.3.0",
-    "vite-plugin-checker": "workspace:*"
+    "vite-plugin-checker": "workspace:*",
+    "@vite-plugin-checker/eslint": "workspace:*"
   }
 }

playground/config-no-runtime-in-build/vite.config.js

@@ -1,12 +1,13 @@
 import { defineConfig } from 'vite'
-import checker from 'vite-plugin-checker'
+import { checker } from 'vite-plugin-checker'
+import { checker as eslint } from '@vite-plugin-checker/eslint'
 
 export default defineConfig({
   plugins: [
-    checker({
-      eslint: {
+    checker([
+      eslint({
         lintCommand: 'eslint ./src --ext .ts',
-      },
-    }),
+      }),
+    ]),
   ],
 })

playground/config-overlay-changes/package.json

@@ -21,6 +21,7 @@
     "eslint": "^8.11.0",
     "typescript": "^5.0.4",
     "vite": "^4.3.0",
-    "vite-plugin-checker": "workspace:*"
+    "vite-plugin-checker": "workspace:*",
+    "@vite-plugin-checker/eslint": "workspace:*"
   }
 }

playground/config-overlay-changes/vite.config.js

@@ -1,15 +1,16 @@
 import { defineConfig } from 'vite'
-import checker from 'vite-plugin-checker'
+import { checker } from 'vite-plugin-checker'
+import { checker as eslint } from '@vite-plugin-checker/eslint'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   // config-edit-slot
   plugins: [
-    checker({
-      eslint: {
+    checker([
+      eslint({
         lintCommand: 'eslint ./src --ext .ts',
-      },
+      }),
       // checker-edit-slot
-    }),
+    ]),
   ],
 })

playground/config-overlay-false/package.json

@@ -21,6 +21,7 @@
     "eslint": "^8.11.0",
     "typescript": "^5.0.4",
     "vite": "^4.3.0",
-    "vite-plugin-checker": "workspace:*"
+    "vite-plugin-checker": "workspace:*",
+    "@vite-plugin-checker/eslint": "workspace:*"
   }
 }

playground/config-overlay-false/vite.config.js

@@ -1,14 +1,18 @@
 import { defineConfig } from 'vite'
-import checker from 'vite-plugin-checker'
-
+import { checker } from 'vite-plugin-checker'
+import { checker as eslint } from '@vite-plugin-checker/eslint'
 
 export default defineConfig({
   plugins: [
-    checker({
-      overlay: false,
-      eslint: {
-        lintCommand: 'eslint ./src --ext .ts',
-      },
-    }),
+    checker(
+      [
+        eslint({
+          lintCommand: 'eslint ./src --ext .ts',
+        }),
+      ],
+      {
+        overlay: false,
+      }
+    ),
   ],
 })

playground/config-overlay-position-style/package.json

@@ -21,6 +21,7 @@
     "eslint": "^8.11.0",
     "typescript": "^5.0.4",
     "vite": "^4.3.0",
-    "vite-plugin-checker": "workspace:*"
+    "vite-plugin-checker": "workspace:*",
+    "@vite-plugin-checker/eslint": "workspace:*"
   }
 }

playground/config-overlay-position-style/vite.config.js

@@ -1,17 +1,22 @@
 import { defineConfig } from 'vite'
-import checker from 'vite-plugin-checker'
+import { checker } from 'vite-plugin-checker'
+import { checker as eslint } from '@vite-plugin-checker/eslint'
 
 export default defineConfig({
   plugins: [
-    checker({
-      overlay: {
-        position: 'tr',
-        badgeStyle: 'background-color: #E799B0',
-        panelStyle: 'background-color: #A4C1FF;',
-      },
-      eslint: {
-        lintCommand: 'eslint ./src --ext .ts',
-      },
-    }),
+    checker(
+      [
+        eslint({
+          lintCommand: 'eslint ./src --ext .ts',
+        }),
+      ],
+      {
+        overlay: {
+          position: 'tr',
+          badgeStyle: 'background-color: #E799B0',
+          panelStyle: 'background-color: #A4C1FF;',
+        },
+      }
+    ),
   ],
 })

playground/config-terminal-false/package.json

@@ -21,6 +21,7 @@
     "eslint": "^8.11.0",
     "typescript": "^5.0.4",
     "vite": "^4.3.0",
-    "vite-plugin-checker": "workspace:*"
+    "vite-plugin-checker": "workspace:*",
+    "@vite-plugin-checker/eslint": "workspace:*"
   }
 }

playground/config-terminal-false/vite.config.js

@@ -1,16 +1,21 @@
 import { defineConfig } from 'vite'
-import checker from 'vite-plugin-checker'
+import { checker } from 'vite-plugin-checker'
+import { checker as eslint } from '@vite-plugin-checker/eslint'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   // config-edit-slot
   plugins: [
-    checker({
-      terminal: false,
-      eslint: {
-        lintCommand: 'eslint ./src --ext .ts',
-      },
-      // checker-edit-slot
-    }),
+    checker(
+      [
+        eslint({
+          lintCommand: 'eslint ./src --ext .ts',
+        }),
+        // checker-edit-slot
+      ],
+      {
+        terminal: false,
+      }
+    ),
   ],
 })

playground/eslint-config-log-level/package.json

@@ -21,6 +21,7 @@
     "@typescript-eslint/parser": "^5.59.0",
     "typescript": "^5.0.4",
     "vite": "^4.3.0",
-    "vite-plugin-checker": "workspace:*"
+    "vite-plugin-checker": "workspace:*",
+    "@vite-plugin-checker/eslint": "workspace:*"
   }
 }

playground/eslint-config-log-level/vite.config.js

@@ -1,13 +1,14 @@
 import { defineConfig } from 'vite'
-import checker from 'vite-plugin-checker'
+import { checker } from 'vite-plugin-checker'
+import { checker as eslint } from '@vite-plugin-checker/eslint'
 
 export default defineConfig({
   plugins: [
-    checker({
-      eslint: {
+    checker([
+      eslint({
         lintCommand: 'eslint ./src --ext .ts',
         dev: { logLevel: ['warning'] },
-      },
-    }),
+      }),
+    ]),
   ],
 })

playground/multiple-hmr/package.json

@@ -18,6 +18,8 @@
     "@vitejs/plugin-react": "^2.0.0",
     "typescript": "^5.0.4",
     "vite": "^4.3.0",
-    "vite-plugin-checker": "workspace:*"
+    "vite-plugin-checker": "workspace:*",
+    "@vite-plugin-checker/typescript": "workspace:*",
+    "@vite-plugin-checker/eslint": "workspace:*"
   }
 }

playground/multiple-hmr/vite.config.ts

@@ -1,16 +1,18 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
-import checker from 'vite-plugin-checker'
+import { checker } from 'vite-plugin-checker'
+import { checker as ts } from '@vite-plugin-checker/typescript'
+import { checker as eslint } from '@vite-plugin-checker/eslint'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     react(),
-    checker({
-      typescript: true,
-      eslint: {
+    checker([
+      ts(),
+      eslint({
         lintCommand: 'eslint ./src --ext .ts,.tsx',
-      },
-    }),
+      }),
+    ]),
   ],
 })