Treating Vue template prop binding and mustache text interpolation as JS/TS syntax (for highlighting) #8989
Labels
enhancement
[core label]
language server
An umbrella label for all language servers
language
An umbrella label for all programming languages syntax behaviors
vue
Vue.js framework support
Check for existing issues
Describe the feature
It would be great if Zed would treat Vue prop bindings with
:prop
syntax and text interpolation mustache syntax{{ }}
as JS/TS. Here's a little comparison of Zed and Neovim with tree-sitter in that regard to demonstrate what I mean:neovim:
Zed:
As you can hopefully see, in neovim
:prop
props are usingmember_expression
nodes, while in Zed all attributes are treated equally - withquoted_attribute_value
nodes. There are also other instances where this JS syntax highlighting would be useful and is already there in nvim and vscode - likev-for
,v-if
and otherv-
directives or aformentioned mustache text interpolation{{ }}
syntax.If applicable, add mockups / screenshots to help present your vision of the feature
As in the description, Vue syntax highlighting working like in Neovim.
The text was updated successfully, but these errors were encountered: