Rehype Code Title

Rehype plugin to add code title.

Install

``shell
npm i rehype-code-title

or

yarn add rehype-code-title
`

Use

markdown:

``md
`tsx:pages/_app.tsx
export default class App extends NextApp {
render() {
const { Component, pageProps } = this.props
return (






)
}
}
`
``

rehype-code-title:

`js
const unified = require("unified")
const remark = require("remark-parse")
const remark2rehype = require("remark-rehype")
const stringify = require("rehype-stringify")
const vfile = require("to-vfile")

const codeTitle = require("rehype-code-title")

function compile(file, opt) {
return unified()
.use(remark)
.use(remark2rehype)
.use(codeTitle, opt)
.use(stringify)
.processSync(vfile.readSync("./example/" + file))
.toString()
}
`

Yields:

`html


export default class App extends NextApp {
  render() {
    const { Component, pageProps } = this.props
    return (
      <ThemeProvider theme={theme}>
        <ColorModeProvider value="light">
          <CSSReset />
          <Component {...pageProps} />
        </ColorModeProvider>
      </ThemeProvider>
    )
  }
}