use innerText to escape htmlString when showRawCode is on

[CNSeniorious000]

Description

fix #26

Linked Issues

fix #26

Additional context

I have to add a getClass() function to retain reactivity:

export default (props: Props) => {
  const htmlString = () => props.showRawCode ? props.text : parseMarkdown(props.text)
+ const getClass = () => `${props.class ?? ''} ${props.showRawCode ? 'whitespace-pre-wrap overflow-auto my-0' : ''}`

  return props.showRawCode
    ? <div class={getClass()} innerText={htmlString()} />
    : <div class={getClass()} innerHTML={htmlString()} />
}

or I have to write it twice, which is more repetitive:

export default (props: Props) => {
  const htmlString = () => props.showRawCode ? props.text : parseMarkdown(props.text)

  return (
    props.showRawCode
      ? <div
          class={`${props.class ?? ''} ${props.showRawCode ? 'whitespace-pre-wrap overflow-auto my-0' : ''}`}
          innerText={htmlString()}
        />
      : <div
          class={`${props.class ?? ''} ${props.showRawCode ? 'whitespace-pre-wrap overflow-auto my-0' : ''}`}
          innerHTML={htmlString()}
        />
  )
}

I wonder if there is a way to implement it more elegantly.

[netlify]

✅ Deploy Preview for chatgpt-demo-v2 ready!

Name	Link
🔨 Latest commit	bb59cdc
🔍 Latest deploy log	https://app.netlify.com/sites/chatgpt-demo-v2/deploys/6462868cab607a0008574db6
😎 Deploy Preview	https://deploy-preview-27--chatgpt-demo-v2.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.