Update local react playground

Author: Strift

playgrounds/local-react/.eslintrc.js renamed to playgrounds/local-react/.eslintrc.cjs

@@ -3,10 +3,11 @@
   "version": "0.0.0",
   "private": true,
   "description": "React playground for instant-meilisearch",
+  "type": "module",
   "scripts": {
     "predev": "node setup.js",
-    "dev": "parcel serve index.html --open --port 9999",
-    "build": "parcel build index.html",
+    "dev": "vite",
+    "build": "vite build",
     "setup": "node setup.js",
     "lint": "eslint --ext .jsx,.js .",
     "lint:fix": "eslint --ext .jsx,.js --fix .",
@@ -31,10 +32,7 @@
     "react-router-dom": "^6.14.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.5",
-    "@babel/plugin-syntax-jsx": "^7.22.5",
-    "@babel/plugin-transform-runtime": "^7.22.5",
-    "@babel/preset-react": "^7.22.5",
+    "vite": "^6.0.5",
     "cypress": "^8.6.0",
     "eslint-config-meilisearch": "*"
   }

playgrounds/local-react/package.json

@@ -1,7 +1,6 @@
-const { MeiliSearch } = require('meilisearch')
-const movies = require('./assets/movies.json')
-const games = require('./assets/games.json')
-
+import { MeiliSearch } from 'meilisearch'
+import movies from './assets/movies.json' with { type: 'json' }
+import games from './assets/games.json' with { type: 'json' }
 ;(async () => {
   const client = new MeiliSearch({
     host: 'http://127.0.0.1:7700',