Misleading documentation in `@shikijs/transformers`

[YieldRay]

Additional context

Also tested on @shikijs/transformers v1.2.1.

transformerNotationErrorLevel

The outer <pre> tag is actually <pre class="has-highlighted">

Relevant code:

shiki/packages/transformers/src/transformers/notation-error-level.ts

Lines 12 to 24 in 639aa6b

 /** 
  * Allow using `[!code error]` `[!code warning]` notation in code to mark highlighted lines. 
  */ 
 export function transformerNotationErrorLevel( 
   options: TransformerNotationErrorLevelOptions = {}, 
 ): ShikiTransformer { 
   const { 
     classMap = { 
       error: ['highlighted', 'error'], 
       warning: ['highlighted', 'warning'], 
     }, 
     classActivePre = 'has-highlighted', 
   } = options 

transformerNotationFocus

In Vitepress, the documentation, the outer class is has-focused-lines and the inner class is has-focus

This differs from what I tested on @shikijs/transformers v1.2.1.

Relevant code:

shiki/packages/transformers/src/transformers/notation-focus.ts

Lines 15 to 24 in 639aa6b

 /** 
  * Allow using `[!code focus]` notation in code to mark focused lines. 
  */ 
 export function transformerNotationFocus( 
   options: TransformerNotationFocusOptions = {}, 
 ): ShikiTransformer { 
   const { 
     classActiveLine = 'focused', 
     classActivePre = 'has-focused', 
   } = options 

[Anthony Fu]

PR welcome! Thanks

[YieldRay]

PR welcome! Thanks

But I don' t known which one is correct, the docs or the source code?

[Anthony Fu]

The code. There were some mistakes in the docs.

[YieldRay]

ok, will try to do it.