diff --git a/docs/rules/README.md b/docs/rules/README.md index fb952cddb..ea139024a 100644 --- a/docs/rules/README.md +++ b/docs/rules/README.md @@ -42,6 +42,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi | [vue/no-deprecated-events-api](./no-deprecated-events-api.md) | disallow using deprecated events api | | | [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data | :wrench: | | [vue/no-deprecated-filter](./no-deprecated-filter.md) | disallow using deprecated filters syntax | | +| [vue/no-deprecated-inline-template](./no-deprecated-inline-template.md) | disallow using deprecated `inline-template` attribute | | | [vue/no-deprecated-scope-attribute](./no-deprecated-scope-attribute.md) | disallow deprecated `scope` attribute (in Vue.js 2.5.0+) | :wrench: | | [vue/no-deprecated-slot-attribute](./no-deprecated-slot-attribute.md) | disallow deprecated `slot` attribute (in Vue.js 2.6.0+) | :wrench: | | [vue/no-deprecated-slot-scope-attribute](./no-deprecated-slot-scope-attribute.md) | disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+) | :wrench: | diff --git a/docs/rules/no-deprecated-inline-template.md b/docs/rules/no-deprecated-inline-template.md new file mode 100644 index 000000000..7a993c92b --- /dev/null +++ b/docs/rules/no-deprecated-inline-template.md @@ -0,0 +1,46 @@ +--- +pageClass: rule-details +sidebarDepth: 0 +title: vue/no-deprecated-inline-template +description: disallow using deprecated `inline-template` attribute +--- +# vue/no-deprecated-inline-template +> disallow using deprecated `inline-template` attribute + +- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`. + +## :book: Rule Details + +This rule reports deprecated `inline-template` attributes (removed in Vue.js v3.0.0+) + + + +```vue + +``` + + + +### :wrench: Options + +Nothing. + +## :books: Further Reading + +- [Vue RFCs - 0016-remove-inline-templates](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0016-remove-inline-templates.md) + +## :mag: Implementation + +- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-inline-template.js) +- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-deprecated-inline-template.js) diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js index 20135152d..08d03a280 100644 --- a/lib/configs/vue3-essential.js +++ b/lib/configs/vue3-essential.js @@ -10,6 +10,7 @@ module.exports = { 'vue/no-deprecated-events-api': 'error', 'vue/no-deprecated-data-object-declaration': 'error', 'vue/no-deprecated-filter': 'error', + 'vue/no-deprecated-inline-template': 'error', 'vue/no-deprecated-scope-attribute': 'error', 'vue/no-deprecated-slot-attribute': 'error', 'vue/no-deprecated-slot-scope-attribute': 'error', diff --git a/lib/index.js b/lib/index.js index 098b5fbd2..b2b32474f 100644 --- a/lib/index.js +++ b/lib/index.js @@ -43,6 +43,7 @@ module.exports = { 'no-deprecated-events-api': require('./rules/no-deprecated-events-api'), 'no-deprecated-data-object-declaration': require('./rules/no-deprecated-data-object-declaration'), 'no-deprecated-filter': require('./rules/no-deprecated-filter'), + 'no-deprecated-inline-template': require('./rules/no-deprecated-inline-template'), 'no-deprecated-scope-attribute': require('./rules/no-deprecated-scope-attribute'), 'no-deprecated-slot-attribute': require('./rules/no-deprecated-slot-attribute'), 'no-deprecated-slot-scope-attribute': require('./rules/no-deprecated-slot-scope-attribute'), diff --git a/lib/rules/no-deprecated-inline-template.js b/lib/rules/no-deprecated-inline-template.js new file mode 100644 index 000000000..a401e819e --- /dev/null +++ b/lib/rules/no-deprecated-inline-template.js @@ -0,0 +1,43 @@ +/** + * @author Yosuke Ota + * See LICENSE file in root directory for full license. + */ +'use strict' + +// ------------------------------------------------------------------------------ +// Requirements +// ------------------------------------------------------------------------------ + +const utils = require('../utils') + +// ------------------------------------------------------------------------------ +// Rule Definition +// ------------------------------------------------------------------------------ + +module.exports = { + meta: { + type: 'problem', + docs: { + description: 'disallow using deprecated `inline-template` attribute', + categories: ['vue3-essential'], + url: 'https://eslint.vuejs.org/rules/no-deprecated-inline-template.html' + }, + fixable: null, + schema: [], + messages: { + unexpected: '`inline-template` are deprecated.' + } + }, + + create: function (context) { + return utils.defineTemplateBodyVisitor(context, { + "VAttribute[directive=false] > VIdentifier[rawName='inline-template']" (node) { + context.report({ + node, + loc: node.loc, + messageId: 'unexpected' + }) + } + }) + } +} diff --git a/tests/lib/rules/no-deprecated-inline-template.js b/tests/lib/rules/no-deprecated-inline-template.js new file mode 100644 index 000000000..e64511acd --- /dev/null +++ b/tests/lib/rules/no-deprecated-inline-template.js @@ -0,0 +1,68 @@ +/** + * @author Yosuke Ota + * See LICENSE file in root directory for full license. + */ +'use strict' + +// ------------------------------------------------------------------------------ +// Requirements +// ------------------------------------------------------------------------------ + +const rule = require('../../../lib/rules/no-deprecated-inline-template') +const RuleTester = require('eslint').RuleTester + +// ------------------------------------------------------------------------------ +// Tests +// ------------------------------------------------------------------------------ + +const ruleTester = new RuleTester({ + parser: require.resolve('vue-eslint-parser'), + parserOptions: { ecmaVersion: 2019 } +}) + +ruleTester.run('no-deprecated-inline-template', rule, { + valid: [ + { + filename: 'test.vue', + code: '' + }, + { + filename: 'test.vue', + code: '' + }, + { + filename: 'test.vue', + code: '' + }, + { + filename: 'test.vue', + code: '' + } + ], + + invalid: [ + { + filename: 'test.vue', + code: '', + errors: [ + { + line: 1, + column: 25, + messageId: 'unexpected', + endLine: 1, + endColumn: 40 + } + ] + }, + { + filename: 'test.vue', + code: '', + errors: [{ messageId: 'unexpected' }] + }, + { + filename: 'test.vue', + code: '', + errors: [{ messageId: 'unexpected' }] + } + ] +})