routie dev init since i didn't adhere to any proper guidance up until now
This commit is contained in:
Generated
Vendored
+81
@@ -0,0 +1,81 @@
|
||||
'use strict';
|
||||
|
||||
const require_runtime = require('../_virtual/_rolldown/runtime.js');
|
||||
const require_index = require('../utils/index.js');
|
||||
|
||||
//#region lib/rules/no-computed-properties-in-data.js
|
||||
/**
|
||||
* @author Yosuke Ota
|
||||
* See LICENSE file in root directory for full license.
|
||||
*/
|
||||
var require_no_computed_properties_in_data = /* @__PURE__ */ require_runtime.__commonJSMin(((exports, module) => {
|
||||
const utils = require_index.default;
|
||||
/**
|
||||
* @typedef {import('../utils').VueObjectData} VueObjectData
|
||||
*/
|
||||
module.exports = {
|
||||
meta: {
|
||||
type: "problem",
|
||||
docs: {
|
||||
description: "disallow accessing computed properties in `data`",
|
||||
categories: ["vue3-essential", "vue2-essential"],
|
||||
url: "https://eslint.vuejs.org/rules/no-computed-properties-in-data.html"
|
||||
},
|
||||
fixable: null,
|
||||
schema: [],
|
||||
messages: { cannotBeUsed: "The computed property cannot be used in `data()` because it is before initialization." }
|
||||
},
|
||||
create(context) {
|
||||
/** @type {Map<ObjectExpression, {data: FunctionExpression | ArrowFunctionExpression, computedNames:Set<string>}>} */
|
||||
const contextMap = /* @__PURE__ */ new Map();
|
||||
/**
|
||||
* @typedef {object} ScopeStack
|
||||
* @property {ScopeStack | null} upper
|
||||
* @property {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
|
||||
*/
|
||||
/** @type {ScopeStack | null} */
|
||||
let scopeStack = null;
|
||||
return utils.compositingVisitors({
|
||||
":function"(node) {
|
||||
scopeStack = {
|
||||
upper: scopeStack,
|
||||
node
|
||||
};
|
||||
},
|
||||
":function:exit"() {
|
||||
scopeStack = scopeStack && scopeStack.upper;
|
||||
}
|
||||
}, utils.defineVueVisitor(context, {
|
||||
onVueObjectEnter(node) {
|
||||
const dataProperty = utils.findProperty(node, "data");
|
||||
if (!dataProperty || dataProperty.value.type !== "FunctionExpression" && dataProperty.value.type !== "ArrowFunctionExpression") return;
|
||||
const computedNames = /* @__PURE__ */ new Set();
|
||||
for (const computed of utils.iterateProperties(node, new Set(["computed"]))) computedNames.add(computed.name);
|
||||
contextMap.set(node, {
|
||||
data: dataProperty.value,
|
||||
computedNames
|
||||
});
|
||||
},
|
||||
MemberExpression(node, vueData) {
|
||||
if (!scopeStack || !utils.isThis(node.object, context)) return;
|
||||
const ctx = contextMap.get(vueData.node);
|
||||
if (!ctx || ctx.data !== scopeStack.node) return;
|
||||
const name = utils.getStaticPropertyName(node);
|
||||
if (!name || !ctx.computedNames.has(name)) return;
|
||||
context.report({
|
||||
node,
|
||||
messageId: "cannotBeUsed"
|
||||
});
|
||||
}
|
||||
}));
|
||||
}
|
||||
};
|
||||
}));
|
||||
|
||||
//#endregion
|
||||
Object.defineProperty(exports, 'default', {
|
||||
enumerable: true,
|
||||
get: function () {
|
||||
return require_no_computed_properties_in_data();
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user