Add semantic token scope for object literal shorthand properties

TS Template added by @mjbvz

TypeScript Version: 4.9.5

Search Terms

• Semantic tokens
• semantic colorization

I want a way to configure vscode to treat literal property value shorthand as parameter or variable, not just a property key.

Above is what happend in vscode. I configure a purple color for parameters, but vscode treat literal property value shorthand as "property" key, not "parameter" or "variable". That's bad for me to find out how parameters are processed in a function quickly.

However, webstorm is ok in this case.

My settings is as follows:

  "editor.tokenColorCustomizations": {
    "[Default Dark+]": {
      "keywords": "#499CD5",
      "textMateRules": [
        { 
          "scope": "variable.parameter",
          "settings": {
            "foreground": "#C288BE"
          }
        },
      ],
    }
  },

Reproduce the behavior in VS Code using the supplied TypeScript example and editor.tokenColorCustomizations settings. Start by tracing how TypeScript semantic tokens classify object-literal shorthand properties, then verify that the shorthand key remains a property while its value receives a parameter or variable scope. Done means the configured parameter or variable color applies to the value portion as requested.