fix: properly parse bolded italics

[zaidhaan]

It would appear that the current markdown replacer function for bolded italics (line 448) that converts a match into an ultrahtml h() object doesn't expect an array in c's place.

elk/composables/content-parse.ts

Lines 447 to 455 in 29b37e6

	const _markdownReplacements: [RegExp, (c: (string | Node)[]) => Node][] = [
	[/\*\*\*(.*?)\*\*\*/g, c => h('b', null, [h('em', null, c)])],
	[/\*\*(.*?)\*\*/g, c => h('b', null, c)],
	[/\*(.*?)\*/g, c => h('em', null, c)],
	[/~~(.*?)~~/g, c => h('del', null, c)],
	[/`([^`]+?)`/g, c => h('code', null, c)],
	// transform @username@twitter.com as links
	[/\B@([a-zA-Z0-9_]+)@twitter\.com\b/gi, c => h('a', { href: `https://twitter.com/${c}`, target: '_blank', rel: 'nofollow noopener noreferrer', class: 'mention external' }, `@${c}@twitter.com`)],
	]

When supplied with c = ['foo'], it simply puts ['foo'] in the elements children, which isn't properly parsed by Vue. If instead, it is in the form 'foo', it's parsed properly.

I'm not too familiar with ultrahtml but this seems to work for me and seems to be the root cause as far as I can tell.

Before: (Screenshot taken from mocked dev, but I'd guess viewing this would yield similar results)

After:

Fixes #1804.

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[netlify]

✅ Deploy Preview for elk-zone ready!

Name	Link
🔨 Latest commit	a26137b
🔍 Latest deploy log	https://app.netlify.com/sites/elk-zone/deploys/63f69a4a0a1f55000892d2c3
😎 Deploy Preview	https://deploy-preview-1808--elk-zone.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.

[netlify]

✅ Deploy Preview for elk-docs canceled.

Name	Link
🔨 Latest commit	a26137b
🔍 Latest deploy log	https://app.netlify.com/sites/elk-docs/deploys/63f69a4aa44c0800080c310f

[zaidhaan]

Ah, so you guys have preview links, nice. This link demonstrates this fix (original, and elk).