Shaku × Sugar High

Shaku →

Sugar High is a super lightweight syntax highlighter for JS/JSX, Shaku could be enabled through shaku-code-annotate-sugar-high.

Loading...
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>
);
}