evanleck / vim-svelte

Vim syntax highlighting and indentation for Svelte 3 components.
BSD 3-Clause "New" or "Revised" License
320 stars 11 forks source link

sass/scss syntax highlighting looks strange compared to .sass/.scss files #13

Open non25 opened 4 years ago

non25 commented 4 years ago

Hi. Thanks for the plugin.

I've enabled sass/scss syntax in .svelte files by using: let g:svelte_preprocessors = ['scss', 'sass'] and it looks strange. It breaks highlighting for <> in style tag, and breaks highlighting for css properties.

Here's how it looks: Bad

Here's how default looks: Default

Here's how it should look imo: Good

I tried to debug and disabled all of my configs and plugins except this,

Plug 'pangloss/vim-javascript'
Plug 'evanleck/vim-svelte'

but it didn't help Vim version 8.2 (2019 Dec 12, compiled Jun 21 2020 16:11:23) (Arch Linux)

myarcana commented 1 year ago

Mine has even less highlighting than yours.

Treesitter considers everything inside of <style lang="scss"> to be one single raw_text node, which receives no syntax highlighting at all.