123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 |
- /**
- * @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')
- }
- })
- }
- })
- }
- }
|