const window = /** @type {any} */ (globalThis);

function install(hook) {
 const dom = Docsify.dom;

 hook.mounted(_ => {
 const div = dom.create('div');
 div.id = 'gitalk-container';
 const main = dom.getNode('#main');
 div.style = `width: ${main.clientWidth}px; margin: 0 auto 20px;`;
 dom.appendTo(dom.find('.content'), div);
 });

 hook.doneEach(_ => {
 const el = /** @type {HTMLElement} */ (
 document.getElementById('gitalk-container')
 );
 while (el.hasChildNodes()) {
 el.removeChild(/** @type {Node} */ (el.firstChild));
 }

 window.gitalk.render('gitalk-container');
 });
}

window.$docsify = window.$docsify || {};
window.$docsify.plugins = [install, ...(window.$docsify.plugins || [])];

export {};