HTML output looks incorrect

[babakfp]

Hi

As you can see in this screenshot, the output looks incorrect because for example count++} shouldn't be inside only 1 element, the output should be count + + } instead (or something like that).

• The theme name is 'rose-pine' in the browser and in the vsCode.
• Please ignore the code block background color between the browser and vsCdoe because I changed it via CSS.
• Link to website http://babakfp.ir/docs/svelte-outclick (code block is under this title SIMPLE EXAMPLE).
• Link to Shiki code https://github.com/babakfp/babakfp-site/blob/main/svelte.config.js
• Link to code block source https://github.com/babakfp/babakfp-site/blob/main/src/lib/content/docs/svelte-outclick/index.md#simple-example

[babakfp]

[muenzpraeger]

As the code examples above are no longer available just a guess: you're not loading the needed embedded languages for svelte. With that the tokenization can only use the svelte grammar, but not access the definitions from the the other languages that actually make svelte.

So load those languages, and you should be good. Eventually this would be solved automagically by PR #379.

For context:
When you inspect the tokenization in VS Code ("Developer: Inspect Editor Tokens and Scopes") you'll directly see from which (embedded) language it derives the tokenization. Like here the import keyword from JavaScript or the ++ increment from TypeScript.

[babakfp]

Hi

Sorry, I updated the broken URLs. They should work now.

Your guess was correct, I added "typescript" and it fixed it👏.

the ++ increment from TypeScript.

Interesting, but why the language for ++ is typescript?🤨

---

There is still a bit of difference between vsCode and Shiki.

in vsCode:

(characters inside the red blocks look different in Shiki)

---

Thanks for the help🧡

[octref]

Seems identitcal to me now. If this is still an issue, open a new one.

[octref]

[babakfp]

@octref
I think the difference is because of this feature:
https://code.visualstudio.com/blogs/2021/09/29/bracket-pair-colorization
I'm not sure but I think we have an open issue (a feature request) related to this Bracket pair Colorization feature.

[octref]

#303