Migrate to Vite and bump ESLint

JaZo · Apr 30, 2024 · 7bba6ad · 7bba6ad
1 parent e3285d7
commit 7bba6ad
Show file tree

Hide file tree

Showing 18 changed files with 9,024 additions and 10,124 deletions.
diff --git a/.ddev/config.yaml b/.ddev/config.yaml
@@ -16,12 +16,16 @@ use_dns_when_possible: true
 timezone: Europe/Amsterdam
 composer_version: "2"
 web_environment: []
-nodejs_version: "16"
+nodejs_version: "20"
 web_extra_exposed_ports:
-    - name: vue
-      container_port: 8080
+    - name: vite
+      container_port: 5173
       http_port: 80
       https_port: 443
+    - name: vite-preview
+      container_port: 4173
+      http_port: 4172
+      https_port: 4173
 
 # Key features of DDEV's config.yaml:
 

diff --git a/.eslintrc.js → .eslintrc.cjs b/.eslintrc.js → .eslintrc.cjs
@@ -4,10 +4,7 @@ module.exports = {
     env: {
       browser: true,
       node: true,
-    },
-
-    parserOptions: {
-        parser: 'babel-eslint',
+      es2022: true,
     },
 
     extends: [
@@ -22,6 +19,7 @@ module.exports = {
         'comma-dangle': ['error', 'always-multiline'],
         'vue/html-indent': ['error', 4],
         'vue/max-attributes-per-line': 'off',
+        'vue/multi-word-component-names': 'off',
         'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
         'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     },

diff --git a/README.md b/README.md
@@ -2,20 +2,20 @@
 
 ## Project setup
 ```
-yarn install
+npm install
 ```
 
 ### Compiles and hot-reloads for development
 ```
-yarn run serve
+npm run serve
 ```
 
 ### Compiles and minifies for production
 ```
-yarn run build
+npm run build
 ```
 
 ### Lints and fixes files
 ```
-yarn run lint
+npm run lint
 ```
diff --git a/babel.config.js b/babel.config.js
diff --git a/index.html b/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width,initial-scale=1.0">
+        <title><%- title %></title>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic|Material+Icons" rel="stylesheet">
+        <link rel="icon" href="<%- base %>favicon.ico">
+        <link rel="icon" type="image/png" sizes="32x32" href="<%- base %>img/icons/favicon-32x32.png">
+        <link rel="icon" type="image/png" sizes="16x16" href="<%- base %>img/icons/favicon-16x16.png">
+        <meta name="theme-color" content="#448AFF">
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="apple-mobile-web-app-status-bar-style" content="default">
+        <meta name="apple-mobile-web-app-title" content="<%- title %>">
+        <link rel="apple-touch-icon" href="<%- base %>img/icons/apple-touch-icon-152x152.png">
+        <link rel="mask-icon" href="<%- base %>img/icons/safari-pinned-tab.svg" color="#448AFF">
+        <meta name="msapplication-TileImage" content="<%- base %>img/icons/msapplication-icon-144x144.png">
+        <meta name="msapplication-TileColor" content="#000000">
+        <script type="module" src="/src/main.js"></script>
+    </head>
+    <body>
+        <noscript>
+            <strong>We're sorry but <%- title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+        </noscript>
+        <div id="app"></div>
+    </body>
+</html>