You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
2.5 KiB
87 lines
2.5 KiB
3 years ago
|
/**
|
||
|
* @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 `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+)',
|
||
|
categories: ['vue3-essential'],
|
||
|
url: 'https://eslint.vuejs.org/rules/no-deprecated-destroyed-lifecycle.html'
|
||
|
},
|
||
|
fixable: 'code',
|
||
|
schema: [],
|
||
|
messages: {
|
||
|
deprecatedDestroyed:
|
||
|
'The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead.',
|
||
|
deprecatedBeforeDestroy:
|
||
|
'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.'
|
||
|
}
|
||
|
},
|
||
|
/** @param {RuleContext} context */
|
||
|
create(context) {
|
||
|
return utils.executeOnVue(context, (obj) => {
|
||
|
const destroyed = utils.findProperty(obj, 'destroyed')
|
||
|
|
||
|
if (destroyed) {
|
||
|
context.report({
|
||
|
node: destroyed.key,
|
||
|
messageId: 'deprecatedDestroyed',
|
||
|
fix(fixer) {
|
||
|
return fix(fixer, destroyed, 'unmounted')
|
||
|
}
|
||
|
})
|
||
|
}
|
||
|
|
||
|
const beforeDestroy = utils.findProperty(obj, 'beforeDestroy')
|
||
|
if (beforeDestroy) {
|
||
|
context.report({
|
||
|
node: beforeDestroy.key,
|
||
|
messageId: 'deprecatedBeforeDestroy',
|
||
|
fix(fixer) {
|
||
|
return fix(fixer, beforeDestroy, 'beforeUnmount')
|
||
|
}
|
||
|
})
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* @param {RuleFixer} fixer
|
||
|
* @param {Property} property
|
||
|
* @param {string} newName
|
||
|
*/
|
||
|
function fix(fixer, property, newName) {
|
||
|
if (property.computed) {
|
||
|
if (
|
||
|
property.key.type === 'Literal' ||
|
||
|
property.key.type === 'TemplateLiteral'
|
||
|
) {
|
||
|
return fixer.replaceTextRange(
|
||
|
[property.key.range[0] + 1, property.key.range[1] - 1],
|
||
|
newName
|
||
|
)
|
||
|
}
|
||
|
return null
|
||
|
}
|
||
|
if (property.shorthand) {
|
||
|
return fixer.insertTextBefore(property.key, `${newName}:`)
|
||
|
}
|
||
|
return fixer.replaceText(property.key, newName)
|
||
|
}
|
||
|
})
|
||
|
}
|
||
|
}
|