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)

🐛 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)

🐛 Bug Fix

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

Committers: 1

• Haoqun Jiang (@sodatea)

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)

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)

🐛 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)

🐛 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)

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)

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)

🐛 Bug Fix

• @vue/cli
  • #5614 fix jscodeshift peer dependency error (@sodatea)
  • #5609 fix support for some legacy registry servers (@sodatea)

📝 Documentation

• #5603 docs: @babel-preset/env -> @babel/preset-env (@sodatea)

Committers: 1

• Haoqun Jiang (@sodatea)