vuejs / language-tools

⚡ High-performance Vue language tooling based-on Volar.js
https://marketplace.visualstudio.com/items?itemName=Vue.volar
MIT License
5.79k stars 390 forks source link

Incorrect syntax highlighting when using object literals #4605

Closed yoyo837 closed 1 month ago

yoyo837 commented 2 months ago

Vue - Official extension or vue-tsc version

2.0.28

VSCode version

1.91.1

Vue version

2.x

TypeScript version

None

System Info

System:
    OS: macOS 14.5
    CPU: (10) arm64 Apple M1 Max
    Memory: 184.17 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.20.4 - /opt/homebrew/opt/node@18/bin/node
    npm: 10.7.0 - /opt/homebrew/opt/node@18/bin/npm
    pnpm: 9.5.0 - /opt/homebrew/bin/pnpm
  Browsers:
    Chrome: 126.0.6478.183
    Safari: 17.5

Steps to reproduce

<OrderList
  :order-info="{
    actions: [],
  }"
/>

What is expected?

The lines which that after actions: [], syntax highlighting should works correctly.

What is actually happening?

The lines which that after actions: [], syntax highlighting is incorrect.

Link to minimal reproduction

No response

Any additional comments?

No response

yoyo837 commented 2 months ago

image


image

KermanX commented 2 months ago

Cannot be reproduced on my machine.

yoyo837 commented 2 months ago

index.vue.zip

Please help to check this source file.

KermanX commented 2 months ago

Sorry, I still cannot reproduce it. Try disabling all plugins except "Vue - Official" and see if this still happens.

yoyo837 commented 1 month ago

I confirmed that it was broken by the WindiCSS IntelliSense plugin. Earlier, because WindiCSS stopped maintenance, we had migrated our code to Tailwindcss, but forgot to uninstall the plugin.