Update Vue version
pgoldtho opened this issue · 1 comments
pgoldtho commented
Currently running version 3.0.x of Vue. Latest version is 3.2.x
The package.json file for a similar project looked like this before upgrading:
{
"name": "goldthorp-re-ui",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"core-js": "^3.6.5",
"material-design-lite": "^1.3.0",
"vue": "^3.0.0",
"vue3-google-map": "^0.8.2"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-eslint": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"@vue/compiler-sfc": "^3.0.0",
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^7.0.0"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/vue3-essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "babel-eslint"
},
"rules": {}
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead"
]
}
After:
{
"name": "goldthorp-ui",
"version": "0.0.0",
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview --port 5050",
"test:unit": "vitest --environment jsdom",
"test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
"test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'",
"lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
},
"dependencies": {
"vue": "^3.2.33",
"vue-router": "^4.0.14",
"material-design-lite": "^1.3.0",
"vue3-google-map": "^0.11.0"
},
"devDependencies": {
"@vitejs/plugin-vue": "^2.3.1",
"@vue/test-utils": "^2.0.0-rc.20",
"cypress": "^9.5.4",
"eslint": "^8.5.0",
"eslint-plugin-cypress": "^2.12.1",
"eslint-plugin-vue": "^8.2.0",
"jsdom": "^19.0.0",
"start-server-and-test": "^1.14.0",
"vite": "^2.9.5",
"vitest": "^0.9.3"
}
}
Environment variables with a VUE_APP_ prefix had to be changed to VITE_APP_