Tsconfig.json broken syntax highlighting + bad DX in the new Typescript Template

Description of the problem (please keep it simple and short):
The default tsconfig.json file in the default Typescript template looks like it woke up with a bad hair day after a sleepless night.

The syntax highlighting isn’t picking up comments and I’m greeted with a huge text wall of indistinguishable options.

Word wrapping on a small screen makes it even worse:

Explain what you were trying to do:
I want to edit a few simple options, like setting the baseUrl to . so I can use absolute path imports, or edit a very simple option.

Screenshot 2023-09-02 at 1.17.38 PM

It’s nearly impossible for the human eye to distinguish which options are commented out and which aren’t.

I’m ending up deleting the entire thing and having Ghostwriter create one for me.

What areas or features are involved?
Syntax highlighting, and the sheer amount of comments that is in the default tsconfig.json file

Repl Cover Page Link/Screenshots/Etc: (to protect you and your code, never share your Repl join link outside of PMs)

Happens when you use or open the default Typescript template and navigate to tsconfig.json.

1 Like

I can’t read a single line.

1 Like