npm install eslint-plugin-vue@^9.0.0 --save-dev Update your ESLint config to extend:
// webpack.config.js module.exports = module: rules: [ test: /\.vue$/, loader: 'vue-loader', , ], , plugins: [ new (require('vue-loader')).VueLoaderPlugin(), ], ; If using vue-cli (v4 or v5), no action is needed – it handles the update automatically. Vue 2.7 ships with its own TypeScript declarations. Remove any custom shims-vue.d.ts that redeclare .vue modules. upgrade vue 2.6 to 2.7
"dependencies": "vue": "^2.7.14"
- this.$scopedSlots.header(data) + this.$slots.header(data) Functional components using the functional: true option or <template functional> still work, but the performance benefit is minimal. Consider migrating to normal components. 4. props validation Default factory functions no longer have access to this . Use arrow functions or external helpers. New Features to Start Using Composition API (no extra import) <script> import ref, onMounted from 'vue' export default setup() const count = ref(0) onMounted(() => console.log('mounted')) return count npm install eslint-plugin-vue@^9
npm install vue-loader@^15.10.0 --save-dev For Webpack config, ensure .vue files are handled correctly: "dependencies": "vue": "^2