1) Migrate from vue-cli to vite.

2) Make sure all SFCs use `.vue` extension on import. 3) Moved babel configuration for jest to `preset-env`. 4) Changed eslint env from `node` to `es2021`. 5) Updated dependencies for security vulnerabilities. 6) Upgrade project from TailwindCSS 2 to Tailwind 3 and removed references to `tailwindcss/ui` package. 7) Migrated tests from `vue-cli-service` to standalone `jest`
RobSpectre · Mar 31, 2022 · fc61cfd · fc61cfd
1 parent e29785e
commit fc61cfd
Show file tree

Hide file tree

Showing 17 changed files with 11,851 additions and 20,633 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -1,15 +1,12 @@
 module.exports = {
   root: true,
   env: {
-    node: true
+    es2021: true
   },
   extends: [
     'plugin:vue/vue3-essential',
     '@vue/standard'
   ],
-  parserOptions: {
-    parser: '@babel/eslint-parser'
-  },
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',

diff --git a/babel.config.js b/babel.config.js
@@ -1,5 +1,5 @@
 module.exports = {
   presets: [
-    '@vue/cli-plugin-babel/preset'
+    '@babel/preset-env'
   ]
 }
diff --git a/public/index.html → index.html b/public/index.html → index.html
@@ -6,14 +6,15 @@
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <link rel="icon" href="/favicon.ico">
+    <title>hack.party - Hastily coded games where everyone is welcome and
+      anyone can play.</title>
   </head>
   <body>
     <noscript>
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong>We're sorry but hack.party 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>
diff --git a/jest.config.js b/jest.config.js
@@ -1,3 +1,6 @@
 module.exports = {
-  preset: '@vue/cli-plugin-unit-jest'
+  preset: '@vue/cli-plugin-unit-jest',
+  setupFiles: [
+    './tests/setupTests.js'
+  ]
 }