eslint-plugin-vue-pug icon indicating copy to clipboard operation
eslint-plugin-vue-pug copied to clipboard

vue/require-toggle-inside-transition doesn't work in pug templates

Open richardsimko opened this issue 2 years ago • 0 comments

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>

richardsimko avatar Mar 20 '23 18:03 richardsimko