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