document.queryCommandState('bold')} let:state={active} let:updateState> { document.execCommand('bold'); updateState(event); }} on:mount={createShortcut}> {@html boldIcon} document.queryCommandState('italic')} let:state={active} let:updateState> { document.execCommand('italic'); updateState(event); }} on:mount={createShortcut}> {@html italicIcon} document.queryCommandState('underline')} let:state={active} let:updateState> { document.execCommand('underline'); updateState(event); }} on:mount={createShortcut}> {@html underlineIcon} document.queryCommandState('superscript')} let:state={active} let:updateState> { document.execCommand('superscript'); updateState(event); }} on:mount={createShortcut}> {@html superscriptIcon} document.queryCommandState('subscript')} let:state={active} let:updateState> { document.execCommand('subscript'); updateState(event); }} on:mount={createShortcut}> {@html subscriptIcon} { document.execCommand('removeFormat'); }} on:mount={createShortcut}> {@html eraserIcon}