chore: upgrade project, add Vite, resolve sec advisories (#171)

* chore: upgrade project, add Vite, resolve sec advisories * chore: update project README, replace public dir * chore: replace lodash.uniqueId with nanoid * feat: bump vite * feat: update package.json * feat: sync with [email protected]
mdn · May 2, 2024 · 5f5ea92 · 5f5ea92
1 parent abf93df
commit 5f5ea92
Show file tree

Hide file tree

Showing 14 changed files with 1,752 additions and 19,272 deletions.
diff --git a/.browserslistrc b/.browserslistrc
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -0,0 +1,14 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
+module.exports = {
+  root: true,
+  'extends': [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/eslint-config-prettier/skip-formatting'
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest'
+  }
+}
diff --git a/.eslintrc.js b/.eslintrc.js
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -32,7 +32,7 @@ jobs:
       - name: Build
         uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version-file: ".nvmrc"
           cache: "npm"
       - run: npm i
       - run: npm run build

diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-v18
+v20
diff --git a/README.md b/README.md
@@ -4,7 +4,7 @@ Sample todo app built with the Vue framework.
 For the accompanying documentation, see
 [Understanding client-side JavaScript frameworks: Vue tutorials](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks#vue_tutorials).
 
-For the live version, see https://mdn.github.io/todo-vue/.
+For the live version, see <https://mdn.github.io/todo-vue/>.
 
 ## Getting Started
 
@@ -17,7 +17,7 @@ npm install
 ### Compile and hot-reload for development
 
 ```bash
-npm run serve
+npm run dev
 ```
 
 ### Compile and minify for production
@@ -26,15 +26,21 @@ npm run serve
 npm run build
 ```
 
-### Lint and fix files
+### Lint files
 
 ```bash
 npm run lint
 ```
 
+### Format using Prettier
+
+```bash
+npm run format
+```
+
 ### Customize configuration
 
-See [Configuration Reference](https://cli.vuejs.org/config/).
+See [Configuration Reference](https://vuejs.org/guide/essentials/application.html#app-configurations).
 
 ## Contributing
 

diff --git a/babel.config.js b/babel.config.js
diff --git a/index.html b/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>