Add "vue", "svelte" & "angular" to scope_languages

[ynhhoJ]

Resolves #844

Before:

After:

[lukas-reineke]

Have you read :help ibl.config.scope? I don't believe any of these are scope.

[ynhhoJ]

Have you read :help ibl.config.scope? I don't believe any of these are scope.

Yeah, i think you are right there. Those are indentation from treesitter.

Is there way to configure node_types for languages what are not present in scope_languages.lua?

This code does not has any effect:

require("ibl").setup {
      indent = { char = "▏" },
      scope = {
        include = {
          node_type = {
            css = {
              "block",
              "declaration",
            },
          },
        },
      },
    }

[ynhhoJ]

@lukas-reineke , i updated languages_scope file. Can you verify if everything is good, please?

CSS


Code

```css @tailwind base; @tailwind components; @tailwind utilities; :root {} body { .test { color: black; } } ```

SCSS

   

Code

```scss @use "sass:math"; @function scale-below($value, $base, $ratio: 1.618) { @while $value > $base { $value: math.div($value, $ratio); } @return $value; } $normal-font-size: 16px; sup { font-size: scale-below(20px, 16px); } $sizes: 40px, 50px, 80px; @each $size in $sizes { .icon-#{$size} { font-size: $size; height: $size; width: $size; } } @mixin reset-list { margin: 0; padding: 0; list-style: none; } @mixin horizontal-list { @include reset-list; li { display: inline-block; margin: { left: -2px; right: 2em; } } } ```

Vue


Code

```vue ```

[lukas-reineke]

I still don't think this is right. CSS variable scoping works very differently to normal languages. This is not easy to display with the indentation.

https://blog.logrocket.com/css-variables-scoping/

I don't think adding CSS and SCSS will work.

Vue and Angular are fine.

[ynhhoJ]

I removed SCSS & CSS from language_scope.lua