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 el comportamiento en VS Code usando el ejemplo de TypeScript proporcionado y la configuración de editor.tokenColorCustomizations. Empiece rastreando cómo los tokens semánticos de TypeScript clasifican las propiedades abreviadas de los literales de objeto y, después, verifique que la clave abreviada siga siendo una propiedad mientras su valor recibe un scope de parámetro o variable. Se considera terminado cuando el color configurado para parámetros o variables se aplica a la parte del valor según lo solicitado.