v4.5.9

This version updates the Cypress plugin, allows users to update to a new version of Cypress on their own.
Due to backward compatibility concerns, @vue/cli-plugin-e2e-cypress 4.x always comes with a Cypress 3 dependency, and won't be updated until CLI v5 releases.
But now that Cypress has shipped several new major versions in the past year, bringing many interesting new features such as cross-browser testing, you may want to try out a new version. As of this release, there now are 2 ways to update the Cypress dependency in the project:

1. (Yarn users only) Add a resolutions field in the package.json:

{
  "resolutions": {
    "cypress": "^5.6.0"
  }
}

Then run yarn again to install the new dependencies. This will keep exactly one Cypress copy in the project so it's the recommended approach.

2. Ensure you are on @vue/cli-plugin-e2e-cypress 4.5.9, then run npm install -D cypress or yarn add -D cypress in the project.
   This will install the latest Cypress version to your project root, and the Vue CLI plugin will refer to it when executing the test:e2e task.
   A drawback of this approach is that cypress@3 will still be downloaded during the dependency installation process, even it's useless now. Though, it is only a temporary problem as we are trying to keep the plugin's backward compatibility, and will be soon fixed with an upcoming v5 release.

---

🚀 New Features

• @vue/cli-plugin-e2e-cypress
  • #6062 fix(cypress): allow users to update cypress (@elevatebart)

Committers: 1

• Barthélémy Ledoux (@elevatebart)

v4.5.8

This version has updated the TypeScript shim for Vue 3.
If you encounter any typing issue when using vue v3.0.1 and @vue/test-utils, please update your src/shims-vue.d.ts file according to https://github.com/vuejs/vue-cli/pull/5975/files

🐛 Bug Fix

• @vue/cli-plugin-typescript
  • #5975 fix: update vue-shims for Vue v3.0.1 (@cexbrayat)
• @vue/cli
  • #5961 fix: npm 7 compat by turning on legacy-peer-deps flag (@sodatea)
• @vue/cli-plugin-eslint
  • #5962 fix: narrow the eslint peer dep version range, avoiding npm 7 error (@sodatea)

Committers: 2

• Cédric Exbrayat (@cexbrayat)
• Haoqun Jiang (@sodatea)

v4.5.7

🐛 Bug Fix

• @vue/cli-plugin-babel, @vue/cli-plugin-typescript, @vue/cli-service
  • #5903 fix: update the .vue file shim for Vue 3 (@sodatea)
• @vue/cli
  • #5871 fix: more accurate warning message for missing global peer dependencies (@sodatea)
  • #5902 fix: incorrectly read Taobao binary mirror configuration. (@godky)
  • #5892 fix: respect scope when resolving package metadata (@bodograumann)
• @vue/cli-plugin-pwa, @vue/cli-service
  • #5899 fix: shouldn't remove attribute quotes in HTML (@sodatea)

📝 Documentation

• #5835 Update Vercel deployment instructions (@timothyis)

Committers: 4

• Bodo Graumann (@bodograumann)
• Haoqun Jiang (@sodatea)
• Timothy (@timothyis)
• kzhang (@godky)

v4.5.6

🐛 Bug Fix

• @vue/cli
  • #5869 fix: skip checking git gpgSign config (@sodatea)

Committers: 1

• Haoqun Jiang (@sodatea)

v4.5.5

Highlights

If you are working on a Vue 3 project, this version of Vue CLI comes with the latest beta version of vue-loader, which enables support for the experimental <script setup> syntax.

<template>
  <button @click="inc">{{ count }}</button>
</template>

<script setup>
import { ref } from 'vue'

export const count = ref(0)
export const inc = () => count.value++
</script>

If you encounter any bug when trying out this new feature, please raise an issue in the vue-loader repository.

Known Issues

The two new features currently do not work well with thread-loader. In Vue CLI, you need to set parallel: false for them to work correctly.

---

🐛 Bug Fix

• @vue/cli-service
  • #5868 fix: enable some syntax extensions by default for vue script compiler (@sodatea)
• @vue/cli-plugin-router, @vue/cli-service
  • #5852 fix: fix duplicate id="app" in Vue 3 project template (@sodatea)
• @vue/cli-plugin-unit-jest, @vue/cli-plugin-unit-mocha
  • #5591 fix(unit-jest, unit-mocha): generate passing tests when bare option is used with router enabled (#3544) (@IwalkAlone)
• @vue/cli-plugin-pwa
  • #5820 fix: allow turning off theme color tags (@GabrielGMartinsBr)
• @vue/cli
  • #5827 fix: fix support for Node.js v8 and deprecate it (@sodatea)
  • #5823 Handle GPG sign git config for initial commit (@spenserblack)
  • #5808 fix: strip non-ansi characters from registry config (@sodatea)
  • #5801 fix: do not throw when api.render is called from an anonymous function (@sodatea)

🏠 Internal

• @vue/cli-ui
  • #3687 perf(ui): improve get folder list to use Promises instead of sync (@pikax)

🔨 Underlying Tools

• @vue/babel-preset-app
  • #5831 chore: rename jsx package scope from ant-design-vue to vue (@Amour1688)

Committers: 8

• Booker Zhao (@binggg)
• Carlos Rodrigues (@pikax)
• Haoqun Jiang (@sodatea)
• Renan Cidale Assumpcao (@rcidaleassumpo)
• Sergey Skrynnikov (@IwalkAlone)
• Spenser Black (@spenserblack)
• @GabrielGMartinsBr
• 天泽 (@Amour1688)

v4.5.4

How to Upgrade

First, reinstall the latest version of @vue/cli globally.

yarn global add @vue/cli
# OR
npm install -g @vue/cli

Then in the existing Vue CLI projects, run

vue upgrade

---

🐛 Bug Fix

• @vue/cli-plugin-typescript
  • #5798 fix: fix Vue 3 + TS + Router template (@sodatea)
• @vue/cli-service
  • #5788 fix: ensure Dev Tool is enabled in Vue 3 runtime (@sodatea)
  • #5693 fix: mayProxy.isPublicFileRequest judgment (@Blacate)
• @vue/cli
  • #5778 fix: missing proxy argument (@RobbinBaauw)

Committers: 3

• Blacate (@Blacate)
• Haoqun Jiang (@sodatea)
• Robbin Baauw (@RobbinBaauw)

v4.5.3

🐛 Bug Fix

• @vue/cli-service
  • #5774 fix: load vue from @vue/cli-service-global on vue serve/vue build (@sodatea)
• @vue/cli-plugin-e2e-webdriverio, @vue/cli-plugin-typescript
  • #5769 fix: add missing mocha type if wdio is not installed along with any unit testing frameworks (@sodatea)
• @vue/cli-plugin-typescript
  • #5771 fix: only replace App.vue when there's no router plugin (@sodatea)

Committers: 1

• Haoqun Jiang (@sodatea)

v4.5.2

🐛 Bug Fix

• @vue/cli-plugin-typescript
  • #5768 fix: no longer need a shim for fork-ts-checker vue 3 support (@sodatea)

📝 Documentation, 🏠 Internal

• @vue/babel-preset-app, @vue/cli-plugin-e2e-nightwatch, @vue/cli-plugin-eslint, @vue/cli-plugin-typescript, @vue/cli-service, @vue/cli
  • #5694 [Fix] common misspelling errors (@Necmttn)

Committers: 3

• Alexander Sokolov (@Alex-Sokolov)
• Haoqun Jiang (@sodatea)
• Necmettin Karakaya (@Necmttn)

v4.5.1

Highlights

This version comes with a new core plugin for E2E testing - @vue/cli-plugin-e2e-webdriverio, thanks to the maintainer of WebdriverIO @christian-bromann.

Users will see WebDriverIO listed as an option for E2E test when creating a new project with vue create.

Or, in other existing projects, you can run vue add @vue/e2e-webdriverio@next to try it out.

---

🚀 New Features

• @vue/cli-plugin-e2e-webdriverio, @vue/cli-shared-utils, @vue/cli
  • #5479 feat(e2e-webdriverio): add e2e plugin for WebdriverIO (@christian-bromann)
• @vue/cli-service
  • #5725 feat: implement a migrator that removes vue-cli-plugin-next as it's no longer needed (@sodatea)

🐛 Bug Fix

• @vue/cli-plugin-typescript
  • #5731 fix: fix skipLibCheck default value for vue create (@sodatea)
  • #5722 fix: use fork-ts-checker-webpack-plugin v5 for vue 3 type checking (@sodatea)
• @vue/cli
  • #5744 fix: ignore .svn/** when reading and writing files (@sodatea)
  • #5736 fix(e2e): shouldn't install webdrivers for unchecked browsers on creation (@sodatea)
• @vue/cli-service
  • #5718 fix: make vue-loader-v16 an optional dependency, avoid crashing npm 5 (@sodatea)

🏠 Internal

• @vue/cli-service
  • #5759 chore: update type definition test (@jamesgeorge007)
  • #5735 refactor(cli-service): webpack devtool option (@jeneser)

🔨 Underlying Tools

• @vue/babel-preset-app, @vue/cli-plugin-babel, @vue/cli-plugin-e2e-nightwatch, @vue/cli-plugin-e2e-webdriverio, @vue/cli-plugin-typescript, @vue/cli-plugin-unit-jest, @vue/cli-service, @vue/cli-test-utils
  • #5742 chore: dependency maintenance (@sodatea)

Committers: 6

• Booker Zhao (@binggg)
• Christian Bromann (@christian-bromann)
• Haoqun Jiang (@sodatea)
• James George (@jamesgeorge007)
• Renato Vicente (@Renato66)
• Yazhe Wang (@jeneser)

v4.5.0

Highlights

This version adds first-class Vue 3 support (for preview). You no longer need vue-cli-plugin-vue-next to serve and build Vue 3 projects. Users of the plugin can safely remove it from the projects.

---

🚀 New Features

• @vue/babel-preset-app, @vue/cli-plugin-babel, @vue/cli-plugin-eslint, @vue/cli-plugin-router, @vue/cli-plugin-typescript, @vue/cli-plugin-unit-jest, @vue/cli-plugin-unit-mocha, @vue/cli-plugin-vuex, @vue/cli-service, @vue/cli-test-utils, @vue/cli-ui, @vue/cli
  • #5637 feat: allow choosing vue version on creation (and in presets) (@sodatea)
• @vue/cli-plugin-typescript
  • #5688 feat: add skipLibCheck option in the TS template (defaults to true) (@sodatea)
• @vue/cli-service, @vue/cli-test-utils, @vue/cli
  • #5356 feat(cli,cli-service,cli-test-utils): add ts declaration (@fangbinwei)
• @vue/cli-plugin-typescript, @vue/cli-service
  • #5570 feat: detect and compile Vue 3 projects (@sodatea)
• @vue/cli-service, @vue/cli
  • #5556 feat: support node nightly builds (@sodatea)

🐛 Bug Fix

• @vue/cli-service
  • #5681 Fix Kubernetes container detection (@lbogdan)
• @vue/babel-preset-app
  • #5543 fix: better error message for non-existent polyfill names (@sodatea)

📝 Documentation

• #5671 docs(zh): change line to lines in plugin-dev.md (@zhouxinyong)
• #5668 docs(zh): additionalData example for sass-loader 9.0 (@chuzhixin)
• #5408 docs: explain pwa head/manifest icons (@DRBragg)

🏠 Internal

• @vue/cli-shared-utils
  • #5700 refactor: use console.clear to clear the log (@imtaotao)
• @vue/cli-service, @vue/cli
  • #5629 refactor: replace jscodeshift with vue-codemod (@sodatea)

Committers: 7

• Arthur (@imtaotao)
• Binwei Fang (@fangbinwei)
• Bogdan Luca (@lbogdan)
• Drew Bragg (@DRBragg)
• Haoqun Jiang (@sodatea)
• good luck (@chuzhixin)
• vimvinter (@zhouxinyong)