Skip to content

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

@richardsimko

Description

@richardsimko

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>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions