text: // markdown-it plugin for wrapping <pre> ... </pre>.
  //
  // If your plugin was chained before preWrapper, you can add additional element directly.
  // If your plugin was chained after preWrapper, you can use these slots:
  //   1. <!--beforebegin-->
  //   2. <!--afterbegin-->
  //   3. <!--beforeend-->
  //   4. <!--afterend-->
  
  export const preWrapperPlugin = (md) => {
    const fence = md.renderer.rules.fence;
    md.renderer.rules.fence = (...args) => {
      const [tokens, idx] = args;
      const token = tokens[idx];
      const rawCode = fence(...args);
      return `<div class="language-${token.info.trim()}">${rawCode}</div>`;
    };
  };
  