feat: support description elements in readmes (#2849)

alexdln · web-flow · commit 01c510088489 · 2026-06-04T11:18:50.000Z
diff --git a/app/components/Readme.vue b/app/components/Readme.vue
@@ -283,6 +283,14 @@ function handleClick(event: MouseEvent) {
   font-style: italic;
 }
 
+.readme :deep(dt) {
+  margin-block-start: 0.5rem;
+}
+
+.readme :deep(dd) {
+  padding-inline-start: 1.5rem;
+}
+
 /* GitHub-style callouts/alerts */
 .readme :deep(blockquote[data-callout]) {
   border-inline-start-width: 3px;
diff --git a/server/utils/readme.ts b/server/utils/readme.ts
@@ -180,6 +180,9 @@ export const ALLOWED_TAGS = [
   'kbd',
   'mark',
   'button',
+  'dl',
+  'dt',
+  'dd',
 ]
 
 export const ALLOWED_ATTR: Record<string, string[]> = {

Original file line number	Diff line number	Diff line change
`@@ -180,6 +180,9 @@ export const ALLOWED_TAGS = [`
`180`	`180`	`'kbd',`
`181`	`181`	`'mark',`
`182`	`182`	`'button',`
	`183`	`+ 'dl',`
	`184`	`+ 'dt',`
	`185`	`+ 'dd',`
`183`	`186`	`]`
`184`	`187`
`185`	`188`	`export const ALLOWED_ATTR: Record<string, string[]> = {`