ionic – \`slot\` attributes are deprecated – eslint-plugin-vue


I am getting following error in VS Code:

`slot` attributes are deprecated. eslint-plugin-vue

enter image description here

I have these two plugin installed in .eslintrc.js

  'extends': [

And this in rules:

'vue/no-deprecated-slot-attribute': 'off',

What should be done in order to avoid this issue?


This slot actually refers to webcomponent slots;

The slots Ionic Framework uses are not the same as Vue 2 slots. The slots we use are Web Component slots and are valid usage:

Developers should be using the Web Component slots to position elements as per our docs:

Check to ensure your eslint.js has the following rule:

  rules: {
    'vue/no-deprecated-slot-attribute': 'off',

Next open .vscode/settings.json and add the following:

  "vetur.validation.template": false,

Answered By – Lee

Leave a Comment