Upgrade Vue | 2.6 To 2.7

- import ref, computed from '@vue/composition-api' + import ref, computed from 'vue' If using vue-loader v15:

</script> <script setup> import ref from 'vue' const count = ref(0) </script> <template> <button @click="count++"> count </button> </template> Optional chaining and nullish coalescing <template> <div> user?.address?.city ?? 'Unknown' </div> </template> Reactivity Transform (opt-in) Enable via vue-loader config: upgrade vue 2.6 to 2.7

"dependencies": "vue": "^2.7.14"

npm uninstall vue-template-compiler npm uninstall @vue/composition-api Then update imports: - import ref, computed from '@vue/composition-api' + import

If you used @vue/runtime-dom or @vue/runtime-core types, remove them. Update vetur to latest: - import ref

Update tsconfig.json :