Sugar High is a super lightweight syntax highlighter for JS/JSX, Shaku could be enabled through shaku-code-annotate-sugar-high.
import { useState } from 'react';
export default function Counter() {
const [count, setCount] = useState(0);
~~~~~~~~
// This
// is
// Comment
function handleClick() {
setCount(count + 1);
-------------------Underline and callout! }
const blog = "https://jser.dev"
console.log('jser.dev')
return (
<button onClick={handleClick}>
Supports JSX
Awesome,right? You pressed me {count} times
</button>
);
}