Make #region work on <script> section

[octref]

From microsoft/vscode#39939. There is no folding regions being returned back from //#region, as VS Code does for TypeScript.

This is the foldingRange support for LSP: https://microsoft.github.io/language-server-protocol/specification#textDocument_foldingRange.

[jordan-erisman]

Just wanted to add that they do not work in the template or style sections either.

[Hammster]

I'm really missing this feature, i tried playing around with the following values:

EDIT:
After investing some time i understand that the following is not a proper implementation and that the language server should handle it ;)

vetur/languages/vue-language-configuration.json

Lines 33 to 38 in 2cf32f2

	"folding": {
	"markers": {
	"start": "^<(template|style|script)[^>]*>",
	"end": "^</(template|style|script)>"
	}
	}

And it actually works by providing the following config:

  "folding": {
    "markers": {
      "start": "(^<(template|style|script)[^>]*>\\b|^\\s*//\\s*#?region\\b)",
      "end": "(^<\/(template|style|script)>\\b|^\\s*//\\s*#?endregion\\b)"
    }
  }

But there are several issues, the folding is only available afer reloading the window, also the indention seams to be off in some of my components which does not allow me to have the content of the region to be on the same or lower level then the region.

Changing the editor.foldingStrategy for vscode fixed the issue from above, i am not sure why this is not auto detected properly though

[octref]

@Hammster VS Code now has 3 types of folding

• Indentation based folding. This has been there forever.
• Folding Markers. They are optional, statically declared, and not really reliable.
• Intelligent folding that the Language Server responds, which we plan to do in Vetur. LSP Spec is here: https://microsoft.github.io/language-server-protocol/specification#textDocument_foldingRange

[yankeeinlondon]

@octref the region folding is the only way a user can explicitly state folding blocks. I'm not sure if that's what you mean by "folding markers" but if so what is unreliable about them?

[mika76]

Regions are awesome (especially in long html templates - admit it they happen 😉) and I can't wait for this - especially since this will also allow #1294 which is slightly more irritating

@octref any idea when supporting intelligent folding is going to be implemented?

[momink]

In VScode following is not working in .vue files but works in .js files.
//#region ccc
//#endregion

[phifa]

This is a great feature addition. Already being worked on? Can we help or test?

[leosdad]

Much needed. Any news on that?

[jtsom]

Just realized that regions are not available in .vue files. Any news/movement on this? Would be SUPER helpful.

[ghost]

Hey that's an important feature. Is it being implemented?

[Creestoph]

+1

[lysla]

+1

[saadsidqui]

+1 THis is actually super important especially in large components.

[sebsobseb]

+1 would love to see this

[klihonga11]

+1 This is definitely needed. Any update?

[lala-lee-jobs]

+1 This is useful

[tonyl]

I know I am just another request, but it will come in handy for some code bases.

[octref]

The issue is open so there's no update yet. I'll try to make time to implement it.
Meanwhile you can sponsor my OSS development https://github.com/sponsors/octref or add a bounty for this issue: https://issuehunt.io/r/vuejs/vetur

[mika76]

@octref that's great news - I think #1294 is related to this (collapsing of tags) in case you're working on this.

[capar]

@mika76

Hi all, sorry, a beginner question here: Is this normal that the following does not allow me to collapse the lines 39-43? What should I do instead? Thank you. (VS Code with Vetur extension enabled)

[yoyo930021]

@mika76

Hi all, sorry, a beginner question here: Is this normal that the following does not allow me to collapse the lines 39-43? What should I do instead? Thank you. (VS Code with Vetur extension enabled)

Is this code in script part?

[mika76]

@capar it seems it only works when it has a name, so...

// #region some name
someCode();
// #endregion 

[EDIT] hmm, I tried it again and it works without the name too, so maybe it's something else not working on yours...

[edudins]

Same here, .vue files doesn't work. And I was so excited. :D

[Owen3H]

Came across this issue and realised I had editor.foldingStrategy to indentation.
Make sure it is set to auto as that's what fixed it for me.

[edudins]

Came across this issue and realised I had editor.foldingStrategy to indentation.
Make sure it is set to auto as that's what fixed it for me.

Doesn't fix it for me. I already have folding strategy at auto.