Migrate from vue-cli / webpack to vite

owntracks · Feb 27, 2024 · 91d99cd · 91d99cd
1 parent 06faa73
commit 91d99cd
Show file tree

Hide file tree

Showing 25 changed files with 3,159 additions and 12,552 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
diff --git a/README.md b/README.md
@@ -98,7 +98,7 @@ See [`docs/config.md`](docs/config.md) for all available options.
 ## Development
 
 - Run `npm install` to install dependencies
-- Run `npm run serve` to compile for development and start the hot-reload server
+- Run `npm run dev` to compile for development and start the hot-reload server
 - Run `npm run lint:js` to lint JavaScript/Vue files
 - Run `npm run lint:md` to lint Markdown files
 - Run `npm run lint:scss` to lint SCSS files

diff --git a/babel.config.js b/babel.config.js
diff --git a/eslint.config.js b/eslint.config.js
@@ -0,0 +1,47 @@
+import { dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+import eslintPluginVue from "eslint-plugin-vue";
+import eslintPluginPrettierRecommended from "eslint-plugin-prettier/recommended";
+import vueParser from "vue-eslint-parser";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const eslintrc = new FlatCompat({
+  baseDirectory: dirname(fileURLToPath(import.meta.url)),
+});
+
+export default [
+  ...eslintrc.extends("plugin:vue/essential"),
+  eslintPluginPrettierRecommended,
+  {
+    languageOptions: {
+      parser: vueParser,
+    },
+    plugins: {
+      vue: eslintPluginVue,
+    },
+    rules: {
+      "no-console": process.env.NODE_ENV === "production" ? "error" : "warn",
+      "no-debugger": process.env.NODE_ENV === "production" ? "error" : "warn",
+      "max-len": [
+        "error",
+        {
+          ignoreUrls: true,
+        },
+      ],
+      "prettier/prettier": [
+        "error",
+        {
+          trailingComma: "es5",
+          printWidth: 80,
+          htmlWhitespaceSensitivity: "ignore",
+        },
+      ],
+      "vue/multi-word-component-names": [
+        "error",
+        {
+          ignores: ["Map"],
+        },
+      ],
+    },
+  },
+];
diff --git a/public/index.html → index.html b/public/index.html → index.html
@@ -4,16 +4,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">
-    <link rel="manifest" crossorigin="use-credentials" href="<%= BASE_URL %>manifest.json">
+    <link rel="icon" href="/favicon.ico">
+    <link rel="manifest" crossorigin="use-credentials" href="/manifest.json">
     <title>OwnTracks Frontend</title>
   </head>
   <body>
     <noscript>
       <strong>We're sorry but OwnTracks doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
     <div id="app"></div>
-    <script src="<%= BASE_URL %>config/config.js"></script>
-    <!-- built files will be auto injected -->
+    <script src="/config/config.js"></script>
+    <script type="module" src="/src/main.js"></script>
   </body>
 </html>
diff --git a/jest.config.js b/jest.config.js