Update to Vue3 and Vite.js (#27)

* Switch to vue and vitejs, stil broken images though * Cleanup and run linters * Fix eslint warnings
Neofonie · May 10, 2021 · 69f8466 · 69f8466
1 parent 5bf0de8
commit 69f8466
Show file tree

Hide file tree

Showing 19 changed files with 3,216 additions and 15,132 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -1,14 +1,12 @@
 module.exports = {
   root: true,
   env: {
-    node: true
+    node: true,
   },
-  extends: ["plugin:vue/essential", "@vue/prettier"],
-  rules: {
-    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
-    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
-  },
-  parserOptions: {
-    parser: "babel-eslint"
-  }
-};
+  extends: [
+    "plugin:vue/vue3-recommended",
+    "eslint:recommended",
+    "@vue/prettier",
+  ],
+  plugins: ['vue'],
+}
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,7 @@
 .DS_Store
 node_modules
 /dist
+/dist-ssr
 
 # local env files
 .env.local

diff --git a/babel.config.js b/babel.config.js
diff --git a/public/index.html → index.html b/public/index.html → index.html
@@ -1,10 +1,9 @@
 <!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">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>nemory</title>
 </head>
 <body>
@@ -13,7 +12,7 @@
             continue.</strong>
     </noscript>
     <div id="app"></div>
-    <!-- built files will be auto injected -->
+    <script type="module" src="/src/main.js"></script>
     <a href="https://github.com/neofonie/nemory" target="_blank">
         <img width="149" height="149" style="position: absolute; top: 0; right: 0; border: 0;"
              src="https://github.blog/wp-content/uploads/2008/12/forkme_right_darkblue_121621.png?resize=149%2C149"

diff --git a/nemory.config.js b/nemory.config.js
@@ -1,10 +1,10 @@
-module.exports = {
+export default {
   matchingOptions: [
-    { name: "Veeck", image: require("@/assets/people/octo_veeck.png") },
-    { name: "Tim", image: require("@/assets/people/octo_tim.png") },
-    { name: "Lisa", image: require("@/assets/people/octo_lisa.png") },
-    { name: "Anja", image: require("@/assets/people/octo_anja.png") },
-    { name: "Ale", image: require("@/assets/people/octo_ale.png") },
-    { name: "Willy", image: require("@/assets/people/octo_willy.png") }
+    { name: "Veeck", image: import("./src/assets/people/octo_veeck.png") },
+    { name: "Tim", image: import("./src/assets/people/octo_tim.png") },
+    { name: "Lisa", image: import("./src/assets/people/octo_lisa.png") },
+    { name: "Anja", image: import("./src/assets/people/octo_anja.png") },
+    { name: "Ale", image: import("./src/assets/people/octo_ale.png") },
+    { name: "Willy", image: import("./src/assets/people/octo_willy.png") }
   ]
 };