Update vue 2.7.16.

Follow create-vue v3.9.1.
Update dependencies.

.gitignore

@@ -10,8 +10,8 @@ lerna-debug.log*
 node_modules
 dist
 dist-ssr
-coverage
 *.local
+*.tsbuildinfo
 
 # Editor directories and files
 .vscode/*
@@ -32,5 +32,9 @@ coverage
 # !/.yarn/sdks
 # !/.yarn/cache
 
+# Vitest coverage
+coverage/
+
 # Special File
+.husky/
 src/Meta.ts

README.md

@@ -4,13 +4,13 @@
   <img src="https://user-images.githubusercontent.com/480173/157433906-7f7910d4-6430-49f4-857a-044945e71360.png" alt="logo" width="300" height="300" />
 </p>
 
-This is a [starter project](https://github.com/logue/vite-vue2-ts-starter) that uses [Vuetify](https://v2.vuetifyjs.com/) as the UI framework.
+⚠ Important Notice: Vue 2 will reach End of Life (EOL) on December 31st, 2023.
+For this reason, we do not recommend using this template for new projects.
+See [Vue 2 LTS, EOL & Extended Support](https://v2.vuejs.org/lts/).
 
 Vuetify3 version is [here](https://github.com/logue/vite-vuetify-ts-starter).
 
-⚠ Important notice: Vuetify has been default since 3.1.4. Therefore, it is not recommended to use it in new projects. We recommend migrating to [vite-vuetify-ts-starter](https://github.com/logue/vite-vuetify-ts-starter).
-
-`type-check` fails with [Vuex issue](https://github.com/vuejs/vuex/issues/2213). For this reason, we will consider it as a beta version.
+This is a [starter project](https://github.com/logue/vite-vue2-ts-starter) that uses [Vuetify](https://v2.vuetifyjs.com/) as the UI framework.
 
 ## Description
 

package.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/package.json",
   "name": "vite-vue2-vuetify-ts-starter",
   "description": "Vue2 Vuetify TypeScript Startar project for Vite.",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "license": "MIT",
   "type": "module",
   "private": true,
@@ -30,76 +30,75 @@
     "build": "run-p type-check \"build-only {@}\" --",
     "build:analyze": "vite build --mode analyze",
     "build:clean": "rimraf dist",
-    "preview": "vite preview",
     "lint": "eslint . --fix --cache --cache-location ./node_modules/.vite/vite-plugin-eslint && prettier . -w -u",
     "lint:style": "stylelint \"./**/*.{css,sass,scss,htm,html,vue}\" --fix --cache-location ./node_modules/.vite/vite-plugin-stylelint && prettier \"./**/*.{css,sass,scss,htm,html,vue}\" -w -u",
+    "preview": "vite preview",
     "test:unit": "vitest",
-    "test:coverage": "vitest run --coverage",
     "build-only": "vite build",
-    "type-check": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
+    "type-check": "vue-tsc --build --force",
     "postinstall": "patch-package",
     "prepare": "husky install"
   },
   "dependencies": {
-    "@logue/vue2-helpers": "^2.2.1",
+    "@logue/vue2-helpers": "^2.2.2",
     "@mdi/font": "^7.3.67",
     "patch-package": "^8.0.0",
-    "vue": "^2.7.15",
+    "vue": "^2.7.16",
     "vue-router": "^3.6.5",
     "vuetify": "^2.7.1",
     "vuex": "^3.6.2",
     "vuex-persist": "^3.1.3",
     "webfontloader": "^1.6.28"
   },
   "devDependencies": {
-    "@rushstack/eslint-patch": "^1.6.0",
-    "@tsconfig/node-lts": "^18.12.5",
+    "@rushstack/eslint-patch": "^1.6.1",
+    "@tsconfig/node-lts": "^20.1.0",
     "@types/jsdom": "^21.1.6",
-    "@types/node": "^20.10.0",
+    "@types/node": "^20.10.5",
     "@types/webfontloader": "^1.6.38",
-    "@typescript-eslint/eslint-plugin": "^6.12.0",
+    "@typescript-eslint/eslint-plugin": "^6.15.0",
     "@vitejs/plugin-vue2": "^2.3.1",
     "@vitest/coverage-c8": "^0.33.0",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/test-utils": "^1.3.5",
-    "@vue/tsconfig": "^0.4.0",
-    "eslint": "^8.54.0",
-    "eslint-config-standard-with-typescript": "^40.0.0",
+    "@vue/tsconfig": "^0.5.1",
+    "eslint": "^8.56.0",
+    "eslint-config-standard-with-typescript": "^43.0.0",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-html": "^7.1.0",
-    "eslint-plugin-import": "^2.29.0",
-    "eslint-plugin-n": "^16.3.1",
-    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-n": "^16.5.0",
+    "eslint-plugin-prettier": "^5.1.2",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-tsdoc": "^0.2.17",
     "eslint-plugin-vue": "latest",
     "eslint-plugin-vuejs-accessibility": "^2.2.0",
     "eslint-plugin-vuetify": "^1.1.0",
     "eslint-plugin-yaml": "^0.5.0",
     "husky": "^8.0.3",
-    "jsdom": "^23.0.0",
-    "lint-staged": "^15.1.0",
+    "jsdom": "^23.0.1",
+    "lint-staged": "^15.2.0",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.31",
+    "postcss": "^8.4.32",
     "postcss-html": "^1.5.0",
     "postcss-scss": "^4.0.9",
-    "prettier": "^3.1.0",
+    "prettier": "^3.1.1",
     "rimraf": "^5.0.5",
-    "rollup-plugin-visualizer": "^5.9.3",
+    "rollup-plugin-visualizer": "^5.11.0",
     "sass": "1.32.12",
-    "stylelint": "^15.11.0",
-    "stylelint-config-recommended-scss": "^13.1.0",
+    "stylelint": "^16.0.2",
+    "stylelint-config-recommended-scss": "^14.0.0",
     "stylelint-config-recommended-vue": "^1.5.0",
-    "stylelint-order": "^6.0.3",
+    "stylelint-order": "^6.0.4",
     "typescript": "latest",
-    "unplugin-vue-components": "^0.25.2",
-    "vite": "^5.0.2",
+    "unplugin-vue-components": "^0.26.0",
+    "vite": "^5.0.10",
     "vite-plugin-checker": "^0.6.2",
-    "vitest": "^0.34.6",
+    "vitest": "^1.1.0",
     "vue-eslint-parser": "^9.3.2",
     "vue-template-compiler": "^2.7.15",
-    "vue-tsc": "^1.8.22",
+    "vue-tsc": "^1.8.26",
     "vuetify2-component-types": "^2.7.0"
   },
   "husky": {

src/main.ts

@@ -12,10 +12,10 @@ Vue.config.productionTip = false;
 Vue.component('Teleport', teleport);
 
 const vue = new Vue({
-  // @ts-expect-error
   router,
   store,
   vuetify,
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
   render: h => h(App),
 });
 

tsconfig.app.json

@@ -5,12 +5,12 @@
   "exclude": ["src/**/__tests__/*"],
   "compilerOptions": {
     "composite": true,
+    "noEmit": true,
     "baseUrl": ".",
     "types": ["vuetify2-component-types"],
     "paths": {
       "@/*": ["./src/*"]
-    },
-    "newLine": "lf"
+    }
   },
   "vueCompilerOptions": {
     "target": 2.7,

tsconfig.node.json

@@ -11,6 +11,7 @@
   ],
   "compilerOptions": {
     "composite": true,
+    "noEmit": true,
     "module": "ESNext",
     "moduleResolution": "Bundler",
     "resolveJsonModule": true,

vite.config.ts

@@ -51,7 +51,7 @@ export default defineConfig(({ command, mode }) => {
       // https://github.com/fi3ework/vite-plugin-checker
       checker({
         typescript: true,
-        vueTsc: true,
+        // vueTsc: true,
         // eslint: {lintCommand:'eslint '},
       }),
     ],