Skip to content

Commit 19faa16

Browse files
committed
feat: add dir=ltr by default on code block pre elements instead of relying on css
1 parent d3a8190 commit 19faa16

File tree

2 files changed

+7
-13
lines changed

2 files changed

+7
-13
lines changed

src/client/theme-default/styles/components/vp-doc.css

Lines changed: 0 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -305,21 +305,9 @@
305305

306306
.vp-doc [class*='language-'] pre,
307307
.vp-doc [class*='language-'] code {
308-
/*rtl:ignore*/
309-
direction: ltr;
310-
/*rtl:ignore*/
311-
text-align: left;
312-
white-space: pre;
313-
word-spacing: normal;
314-
word-break: normal;
315-
word-wrap: normal;
316308
-moz-tab-size: 4;
317309
-o-tab-size: 4;
318310
tab-size: 4;
319-
-webkit-hyphens: none;
320-
-moz-hyphens: none;
321-
-ms-hyphens: none;
322-
hyphens: none;
323311
}
324312

325313
.vp-doc [class*='language-'] pre {

src/node/markdown/plugins/highlight.ts

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,13 @@ export async function highlight(
8080
classActivePre: 'has-focused-lines'
8181
}),
8282
transformerNotationHighlight(),
83-
transformerNotationErrorLevel()
83+
transformerNotationErrorLevel(),
84+
{
85+
name: 'vitepress:add-dir',
86+
pre(node) {
87+
node.properties.dir = 'ltr'
88+
}
89+
}
8490
]
8591

8692
const vueRE = /-vue(?=:|$)/

0 commit comments

Comments
 (0)