eslint-plugin-vue/dist/rules/no-lone-template.js

Official ESLint plugin for Vue.js

"use strict";
const require_runtime = require("../_virtual/_rolldown/runtime.js");
const require_index = require("../utils/index.js");
//#region lib/rules/no-lone-template.js
/**
* @author Yosuke Ota
* See LICENSE file in root directory for full license.
*/
var require_no_lone_template = /* @__PURE__ */ require_runtime.__commonJSMin(((exports, module) => {
	const utils = require_index.default;
	const SPECIAL_TEMPLATE_DIRECTIVES = /* @__PURE__ */ new Set([
		"if",
		"else",
		"else-if",
		"for",
		"slot"
	]);
	/**
	* @param {VAttribute | VDirective} attr
	*/
	function getKeyName(attr) {
		if (attr.directive) {
			if (attr.key.name.name !== "bind") return null;
			if (!attr.key.argument || attr.key.argument.type === "VExpressionContainer") return null;
			return attr.key.argument.name;
		}
		return attr.key.name;
	}
	module.exports = {
		meta: {
			type: "problem",
			docs: {
				description: "disallow unnecessary `<template>`",
				categories: ["vue3-recommended", "vue2-recommended"],
				url: "https://eslint.vuejs.org/rules/no-lone-template.html"
			},
			fixable: null,
			schema: [{
				type: "object",
				properties: { ignoreAccessible: { type: "boolean" } },
				additionalProperties: false
			}],
			messages: { requireDirective: "`<template>` require directive." }
		},
		/** @param {RuleContext} context */
		create(context) {
			const shouldIgnoreAccessible = (context.options[0] || {}).ignoreAccessible === true;
			return utils.defineTemplateBodyVisitor(context, { 
			/** @param {VStartTag} node */
"VElement[name='template'][parent.type='VElement'] > VStartTag"(node) {
				if (node.attributes.some((attr) => {
					if (attr.directive) {
						const directiveName = attr.key.name.name;
						if (SPECIAL_TEMPLATE_DIRECTIVES.has(directiveName)) return true;
						if (directiveName === "slot-scope") return true;
						if (directiveName === "scope") return true;
					}
					return getKeyName(attr) === "slot";
				})) return;
				if (shouldIgnoreAccessible && node.attributes.some((attr) => {
					const keyName = getKeyName(attr);
					return keyName === "id" || keyName === "ref";
				})) return;
				context.report({
					node,
					messageId: "requireDirective"
				});
			} });
		}
	};
}));
//#endregion
Object.defineProperty(exports, "default", {
	enumerable: true,
	get: function() {
		return require_no_lone_template();
	}
});