routie dev init since i didn't adhere to any proper guidance up until now
This commit is contained in:
+91
@@ -0,0 +1,91 @@
|
||||
'use strict';
|
||||
|
||||
const require_runtime = require('../_virtual/_rolldown/runtime.js');
|
||||
const require_index = require('../utils/index.js');
|
||||
const require_js_reserved$1 = require('../utils/js-reserved.js');
|
||||
|
||||
//#region lib/rules/this-in-template.js
|
||||
/**
|
||||
* @fileoverview disallow usage of `this` in template.
|
||||
* @author Armano
|
||||
*/
|
||||
var require_this_in_template = /* @__PURE__ */ require_runtime.__commonJSMin(((exports, module) => {
|
||||
const utils = require_index.default;
|
||||
const RESERVED_NAMES = new Set(require_js_reserved$1.default);
|
||||
module.exports = {
|
||||
meta: {
|
||||
type: "suggestion",
|
||||
docs: {
|
||||
description: "disallow usage of `this` in template",
|
||||
categories: ["vue3-recommended", "vue2-recommended"],
|
||||
url: "https://eslint.vuejs.org/rules/this-in-template.html"
|
||||
},
|
||||
fixable: "code",
|
||||
schema: [{ enum: ["always", "never"] }],
|
||||
messages: {
|
||||
unexpected: "Unexpected usage of 'this'.",
|
||||
expected: "Expected 'this'."
|
||||
}
|
||||
},
|
||||
create(context) {
|
||||
const options = context.options[0] === "always" ? "always" : "never";
|
||||
/**
|
||||
* @typedef {object} ScopeStack
|
||||
* @property {ScopeStack | null} parent
|
||||
* @property {Identifier[]} nodes
|
||||
*/
|
||||
/** @type {ScopeStack | null} */
|
||||
let scopeStack = null;
|
||||
return utils.defineTemplateBodyVisitor(context, {
|
||||
VElement(node) {
|
||||
scopeStack = {
|
||||
parent: scopeStack,
|
||||
nodes: scopeStack ? [...scopeStack.nodes] : []
|
||||
};
|
||||
if (node.variables) for (const variable of node.variables) {
|
||||
const varNode = variable.id;
|
||||
const name = varNode.name;
|
||||
if (!scopeStack.nodes.some((node) => node.name === name)) scopeStack.nodes.push(varNode);
|
||||
}
|
||||
},
|
||||
"VElement:exit"() {
|
||||
scopeStack = scopeStack && scopeStack.parent;
|
||||
},
|
||||
...options === "never" ? { "VExpressionContainer MemberExpression > ThisExpression"(node) {
|
||||
if (!scopeStack) return;
|
||||
const propertyName = utils.getStaticPropertyName(node.parent);
|
||||
if (!propertyName || scopeStack.nodes.some((el) => el.name === propertyName) || RESERVED_NAMES.has(propertyName) || /^\d.*$|[^\w$]/.test(propertyName)) return;
|
||||
context.report({
|
||||
node,
|
||||
loc: node.loc,
|
||||
fix(fixer) {
|
||||
return fixer.replaceText(node.parent, propertyName);
|
||||
},
|
||||
messageId: "unexpected"
|
||||
});
|
||||
} } : { VExpressionContainer(node) {
|
||||
if (!scopeStack) return;
|
||||
if (node.parent.type === "VDirectiveKey") return;
|
||||
if (node.references) {
|
||||
for (const reference of node.references) if (!scopeStack.nodes.some((el) => el.name === reference.id.name)) context.report({
|
||||
node: reference.id,
|
||||
loc: reference.id.loc,
|
||||
messageId: "expected",
|
||||
fix(fixer) {
|
||||
return fixer.insertTextBefore(reference.id, "this.");
|
||||
}
|
||||
});
|
||||
}
|
||||
} }
|
||||
});
|
||||
}
|
||||
};
|
||||
}));
|
||||
|
||||
//#endregion
|
||||
Object.defineProperty(exports, 'default', {
|
||||
enumerable: true,
|
||||
get: function () {
|
||||
return require_this_in_template();
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user