Convert to vite

Should start faster and has less old dependencies
Jaydee94 · Oct 22, 2023 · a70787b · a70787b
1 parent 9a9c155
commit a70787b
Show file tree

Hide file tree

Showing 12 changed files with 2,020 additions and 17,769 deletions.
diff --git a/README.md b/README.md
@@ -114,5 +114,5 @@ The api container will fetch the certificate from the sealed-secrets controller
 
 ### Local UI testing
 
-* `yarn serve` to compile and start HTTP server on `port 8080` with hot-reloads for development
-* `npm run serve` to compile and start HTTP server on `port 8080` with hot-reloads for development
+* `yarn dev` to compile and start HTTP server on `port 8080` with hot-reloads for development
+* `npm run dev` to compile and start HTTP server on `port 8080` with hot-reloads for development
diff --git a/ui/.eslintrc.cjs b/ui/.eslintrc.cjs
@@ -0,0 +1,14 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
+module.exports = {
+  root: true,
+  'extends': [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/eslint-config-prettier/skip-formatting'
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest'
+  }
+}
diff --git a/ui/.eslintrc.js b/ui/.eslintrc.js
diff --git a/ui/.prettierrc.json b/ui/.prettierrc.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "printWidth": 100,
+  "trailingComma": "none"
+}
diff --git a/ui/README.md b/ui/README.md
@@ -1,24 +1,29 @@
 # kubeseal-webgui
 
 ## Project setup
-```
-yarn install
+
+```console
+npm install
 ```
 
 ### Compiles and hot-reloads for development
-```
-yarn serve
+
+```console
+npm run dev
 ```
 
 ### Compiles and minifies for production
-```
-yarn build
+
+```console
+npm run build
 ```
 
 ### Lints and fixes files
-```
-yarn lint
+
+```console
+npm run lint
 ```
 
 ### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).
+
+See [Configuration Reference](https://vitejs.dev/config/).
diff --git a/ui/babel.config.js b/ui/babel.config.js
diff --git a/ui/public/index.html → ui/index.html b/ui/public/index.html → ui/index.html
@@ -13,23 +13,23 @@
   >
   <link
     rel="icon"
-    href="<%= BASE_URL %>favicon.ico"
+    href="/favicon.ico"
   >
   <title>
-    <%=htmlWebpackPlugin.options.title%>
+    Kubeseal Webgui
   </title>
 </head>
 
 <body>
   <noscript>
     <strong>We're sorry but
-      <%=htmlWebpackPlugin.options.title%>
+      Kubeseal Webgui
         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.js"></script>
 </body>
 
 </html>