Function renderExample

scripts/eslint-docs.ts:28–46

(example: QwikEslintExample, state: 'good' | 'bad' = 'good')

}

function renderExample(example: QwikEslintExample, state: 'good' | 'bad' = 'good') {
  mdx.push('<div class="code-wrapper">');
  if (state === 'good') {
    mdx.push('<span class="badge good">✓</span>');
  } else {
    mdx.push('<span class="badge bad">✕</span>');
  }
  mdx.push(
    '```tsx' +
      ((example.codeHighlight && ` ${example.codeHighlight}`) || '') +
      ((example.codeTitle && ` title="${example.codeTitle}"`) || '')
  );
  mdx.push(example.code);
  mdx.push('```');
  if (example.description) {
    mdx.push(`<p class="code-description">${example.description}</p>`);
  }
  mdx.push('</div>');
}

const rulesMap = Object.keys(rules).map((ruleName) => {
  const rule = ruleName as keyof typeof rules;