Skip to content

v-else syntax highlighting broken with pug #5473

Closed
@richardsimko

Description

@richardsimko

Vue - Official extension or vue-tsc version

3.0.1

VSCode version

1.99.3

Vue version

3.5.17

TypeScript version

5.8.3

System Info

 

package.json dependencies

"dependencies": { "@vue/language-plugin-pug": "^3.0.1", "@vue/tsconfig": "^0.7.0", "pug": "^3.0.3", "typescript": "^5.8.3", "vue": "^3.5.17", "vue-tsc": "^3.0.1" }, 

Steps to reproduce

component.button(:is="isComponent" ref="button" :class="buttonClass" :disabled="isDisabled" :type="buttonType" :to :href :target @click="onClick") template(v-if="!state.loading") slot template(v-else) span(:class="{ 'hide-content': state.loading }") slot 

What is expected?

v-else should be highlighted

What is actually happening?

v-else is not highlighted

Image

Link to minimal reproduction

https://github.com/richardsimko/vue-pug-bug/blob/main/button.vue#L6

Any additional comments?

Might be related to #5469. Reverting the plugin to a version <3.0.0 solves the issue.

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions