no-pug-control-flow.md

pageClass	sidebarDepth	title	description
rule-details	0	vue-pug/no-pug-control-flow	disallow pug control flow features.

vue-pug/no-pug-control-flow

disallow pug control flow features.

• ❗ This rule has not been released yet.
• ⚙️ This rule is included in all of "plugin:vue/vue3-strongly-recommended", "plugin:vue/strongly-recommended", "plugin:vue/vue3-recommended" and "plugin:vue/recommended".

📖 Rule Details

This rule aims to prevent usage of pug control flow syntax like conditionals, loops and code. They break further linting and have better vue equivalents.

Forbidden pug features/syntax are:

• code
• if, else if, else conditionals
• each, for, while iteration
• case, when case
• includes
• extends, block inheritance
• interpolation
• mixins

<template lang="pug">
// ✗ BAD
- var foo = 'bar'
if foo
	p= foo
else
	each bar in foo
</template>

🔧 Options

Nothing.

🔍 Implementation

• Rule source
• Test source