Add @vitejs/plugin-react for GraphiQL

Author: MetRonnie

package.json

@@ -55,6 +55,7 @@
   },
   "devDependencies": {
     "@cypress/code-coverage": "3.14.1",
+    "@vitejs/plugin-react": "4.4.1",
     "@vitejs/plugin-vue": "5.2.4",
     "@vitest/coverage-istanbul": "3.1.3",
     "@vue/test-utils": "2.4.6",

vite.config.js

@@ -18,6 +18,7 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vuetify from 'vite-plugin-vuetify'
+import react from '@vitejs/plugin-react'
 import eslint from 'vite-plugin-eslint'
 import IstanbulPlugin from 'vite-plugin-istanbul'
 import dns from 'dns'
@@ -33,6 +34,8 @@ export default defineConfig(({ mode }) => {
     eslint({
       failOnError: mode === 'production'
     }),
+    // GraphiQL is a React app:
+    react(),
   ]
 
   if (mode !== 'production' && process.env.COVERAGE) {
@@ -56,6 +59,7 @@ export default defineConfig(({ mode }) => {
         '@': path.resolve(__dirname, './src'),
         $tests: path.resolve(__dirname, './tests'),
         lodash: 'lodash-es',
+        // GraphiQL is a React app (use Preact as it's smaller):
         react: 'preact/compat',
         'react-dom': 'preact/compat',
       }