use swc vite plugin for dev server (#74)

frontend/package.json

@@ -27,7 +27,7 @@
     "@types/react-dom": "^18.2.6",
     "@types/react-router-dom": "^5.3.3",
     "@types/uuid": "^9.0.2",
-    "@vitejs/plugin-react": "^4.0.3",
+    "@vitejs/plugin-react-swc": "^3.3.2",
     "buffer": "^6.0.3",
     "typescript": "^5.1.3",
     "vite": "^4.4.7"

frontend/tsconfig.json

@@ -1,7 +1,7 @@
 {
     "compilerOptions": {
         "jsx": "react-jsx",
-        "target": "es6",
+        "target": "ES2018",
         "lib": [
             "dom",
             "dom.iterable",

frontend/vite.config.ts

@@ -1,18 +1,18 @@
-import react from "@vitejs/plugin-react";
+import react from '@vitejs/plugin-react-swc'
-import ViteYaml from '@modyfi/vite-plugin-yaml';
+import ViteYaml from '@modyfi/vite-plugin-yaml'
-import { defineConfig } from 'vite';
+import { defineConfig } from 'vite'
-import { resolve } from 'path';
+import { resolve } from 'path'
 
 export default defineConfig(() => {
-    return {
+  return {
-        plugins: [
+    plugins: [
-            react(),
+      react(),
-            ViteYaml(),
+      ViteYaml(),
-        ],
+    ],
-        root: resolve(__dirname, '.'),
+    root: resolve(__dirname, '.'),
-        build: {
+    build: {
-            emptyOutDir: true,
+      emptyOutDir: true,
-            outDir: resolve(__dirname, 'dist'),
+      outDir: resolve(__dirname, 'dist'),
-        }
     }
+  }
 })