Merge pull request #83 from EventStore/update-packages

Update to vite
EventStore · Feb 6, 2024 · 207704c · 207704c
2 parents 7029b05 + f1e05b1
commit 207704c
Show file tree

Hide file tree

Showing 6 changed files with 396 additions and 5,580 deletions.
diff --git a/src/es-replicator/ClientApp/babel.config.js b/src/es-replicator/ClientApp/babel.config.js
diff --git a/...es-replicator/ClientApp/public/index.html → src/es-replicator/ClientApp/index.html b/...es-replicator/ClientApp/public/index.html → src/es-replicator/ClientApp/index.html
@@ -13,15 +13,16 @@
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
-  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-  <title><%= htmlWebpackPlugin.options.title %></title>
+  <link rel="icon" href="/favicon.ico">
+  <title>Event Store Replicator</title>
 </head>
 <body>
 <noscript>
-  <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
+  <strong>We're sorry but Event Store Replicator doesn't work properly without JavaScript enabled.
     Please enable it to continue.</strong>
 </noscript>
 <div id="app"></div>
 <!-- built files will be auto injected -->
+<script type="module" src="/src/main.ts"></script>
 </body>
 </html>
diff --git a/src/es-replicator/ClientApp/package.json b/src/es-replicator/ClientApp/package.json
@@ -3,29 +3,22 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "serve": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
-    "build": "vue-cli-service build"
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview"
   },
   "dependencies": {
-    "axios": "^1.4.0",
-    "core-js": "^3.30.1",
-    "element-plus": "^2.3.4",
-    "vue": "^3.2.47",
-    "vue-router": "^4.1.6",
+    "axios": "^1.6.7",
+    "element-plus": "^2.5.5",
+    "vue": "^3.4.15",
+    "vue-router": "^4.2.5",
     "vuex": "^4.1.0"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "~5.0.8",
-    "@vue/cli-plugin-router": "~5.0.8",
-    "@vue/cli-plugin-typescript": "~5.0.8",
-    "@vue/cli-plugin-vuex": "~5.0.8",
-    "@vue/cli-service": "~5.0.8",
-    "@vue/compiler-sfc": "^3.2.47",
+    "@vitejs/plugin-vue": "^1.6.1",
+    "vite": "^2.5.4",
     "sass": "^1.62.1",
-    "sass-loader": "^13.2.2",
     "stylus": "^0.59.0",
-    "stylus-loader": "^7.1.0",
-    "typescript": "~5.0.4",
-    "fork-ts-checker-webpack-plugin": "^6.5.3"
+    "typescript": "~5.0.4"
   }
 }
diff --git a/src/es-replicator/ClientApp/src/router/index.ts b/src/es-replicator/ClientApp/src/router/index.ts
@@ -13,7 +13,7 @@ const routes: Array<RouteRecordRaw> = [
     // route level code-splitting
     // this generates a separate chunk (about.[hash].js) for this route
     // which is lazy-loaded when the route is visited.
-    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
+    component: () => import('../views/About.vue')
   }
 ]
 

diff --git a/src/es-replicator/ClientApp/vite.config.js b/src/es-replicator/ClientApp/vite.config.js
@@ -0,0 +1,14 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import path from "path";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+    plugins: [vue()],
+    resolve: {
+        alias: {
+            "@": path.resolve(__dirname, "./src"),
+        },
+        extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
+    },
+})