Last field in object have wrong text color

[kytosai]

Example code:

import { GeneralOption, ICompany } from 'src/types';
import { RequestBase, ResponseBase } from 'src/utils';
import { api } from 'src/utils/api';

export const commonApi = api.injectEndpoints({
  endpoints: (build) => ({
    getProductCompanyList: build.query<
      ResponseBase<ICompany[]>,
      { search?: string; page?: number }
    >({
      query: ({
        search = '',
        page = -1,
      }: {
        search?: string;
        page?: number;
      }) => {
        return {
          url: `/products/companies`,
          method: 'GET',
          params: { search: search || null, page },
        };
      },
    }),
    getPaymentMethods: build.query<
      ResponseBase<GeneralOption[]>,
      RequestBase & { default?: number }
    >({
      query: (params) => {
        return {
          url: `/purchase-orders/payment-methods`,
          method: 'GET',
          params,
        };
      },
    }),
  }),
  overrideExisting: false,
});

export const { useGetProductCompanyListQuery, useGetPaymentMethodsQuery } =
  commonApi;

Screenshot:

[hichemfantar]

Looks fine to me, just reload vscode. Sometimes it breaks like that.

[Noxarro]

@kytosai

I had the same issue. Turns out adding this to your settings.json fixes the issue:

"editor.semanticHighlighting.enabled": false

source: https://stackoverflow.com/questions/70919562/what-does-it-mean-when-a-textmate-scope-is-strikethrough-text-in-vscode-tokens

I think this has to do with Semantic Coloring getting added. Here is an excerpt from the docs:

Semantic coloring in Color Themes
Two new properties have been added to the Color Theme file format in order to support highlighting based on semantic tokens.

The property semanticHighlighting defines whether the theme is ready for highlighting using semantic tokens. It is false by default, but we encourage all themes to enable it. The property is used when the setting editor.semanticHighlighting.enabled is set to configuredByTheme.

The property semanticTokenColors allows a theme to define new coloring rules that match against the semantic token types and modifiers that are emitted by the semantic token providers.