eslint-plugin-vue-pug
eslint-plugin-vue-pug copied to clipboard
vue/require-toggle-inside-transition doesn't work in pug templates
Using a super basic transition component this rule fails.
Eslint file:
{
"root": true,
"extends": [
"eslint:recommended",
"plugin:vue/vue3-essential",
"plugin:vue-pug/vue3-recommended",
"@vue/eslint-config-typescript/recommended",
"@vue/eslint-config-prettier"
],
"env": {
"jquery": true,
"browser": true
},
}
Template (From https://vuejs.org/guide/built-ins/transition.html#reusable-transitions rewritten to Pug)
<!-- MyTransition.vue -->
<template lang="pug">
transition(name="my-transition")
slot
</template>
<style>
/*
Necessary CSS...
Note: avoid using <style scoped> here since it
does not apply to slot content.
*/
</style>
<script>
// JavaScript hooks logic...
</script>