Bug: Syntax highlighter has a bug

[OmgImAlexis]

Describe the bug
The syntax highlighter used has a bug with backticks.

To Reproduce
Add the following to a file and run typescript-coverage-report. Open the html file and you'll see the highlighting breaks

/**
 * see #54
 */
export type Path<T, Key extends keyof T = keyof T> = Key extends string
 ? T[Key] extends Record<string, any>
   ?
       | `${Key}.${Path<T[Key], Exclude<keyof T[Key], keyof any[]>> & string}`
       | `${Key}.${Exclude<keyof T[Key], keyof any[]> & string}`
       | Key
   : never
 : never;

export type PathValue<T, P extends Path<T>> = P extends `${infer Key}.${infer Rest}`
 ? Key extends keyof T
   ? Rest extends Path<T[Key]>
     ? PathValue<T[Key], Rest>
     : never
   : never
 : P extends keyof T
 ? T[P]
 : never;

Expected behaviour
It to not break.

Screenshots

Environment

• Tool version: 0.6.0
• OS: N/A
• Node version: N/A
• Browser (if applicable): [e.g. chrome, safari] N/A

Additional context
Same issue in all browsers leading me to believe it's an issue with the code on generation but I could be wrong.

[alexcanessa]

I think the ` causes problems to codemirror. I wonder if just upgrading the version fixes the problem.

[alexcanessa]

If I paste the same code in this codemirror playground I get the same. Even trying to upgrade to the latest version of codemirror.

[OmgImAlexis]

Related? codemirror/codemirror5#5774

[alexcanessa]

@OmgImAlexis yes seems to be the exact issue.

[OmgImAlexis]

@alexcanessa should be fixed in codemirror/codemirror5@472b458 can you please update.