/** * @author Yosuke Ota * See LICENSE file in root directory for full license. */ 'use strict' const utils = require('../utils') /** * @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) } 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') } }) } }) } }