feat: support lang attributes (#1948)

Co-authored-by: _Kerman <kermanx@qq.com>
slidevjs · Nov 30, 2024 · 207a000 · 207a000
1 parent a47b8bc
commit 207a000
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/packages/client/constants.ts b/packages/client/constants.ts
@@ -45,6 +45,7 @@ export const FRONTMATTER_FIELDS = [
   'transition',
   'zoom',
   'dragPos',
+  'lang',
 ]
 
 export const HEADMATTER_FIELDS = [

diff --git a/packages/client/internals/SlideWrapper.vue b/packages/client/internals/SlideWrapper.vue
@@ -53,6 +53,7 @@ const style = computed<CSSProperties>(() => ({
     :data-slidev-no="props.route.no"
     :class="getSlideClass(route, ['slide', 'presenter'].includes(props.renderContext) ? '' : 'disable-view-transition')"
     :style="style"
+    :lang="props.route.meta.slide.frontmatter.lang"
   >
     <SlideBottom />
     <component :is="props.route.component" />

diff --git a/packages/slidev/node/setups/indexHtml.ts b/packages/slidev/node/setups/indexHtml.ts
@@ -52,6 +52,9 @@ export default function setupIndexHtml({ mode, entry, clientRoot, userRoot, root
   if (data.config.fonts.webfonts.length && data.config.fonts.provider !== 'none')
     head += `\n<link rel="stylesheet" href="${generateGoogleFontsUrl(data.config.fonts)}" type="text/css">`
 
+  if (data.headmatter.lang)
+    main = main.replace('<html lang="en">', `<html lang="${data.headmatter.lang}">`)
+
   main = main
     .replace('__ENTRY__', toAtFS(join(clientRoot, 'main.ts')))
     .replace('<!-- head -->', head)
-Original file line number
+Diff line change
@@ Expand Up / @@ -45,6 +45,7 @@ export const FRONTMATTER_FIELDS = [ @@
       'transition',
       'zoom',
       'dragPos',
+      'lang',
     ]
     export const HEADMATTER_FIELDS = [
@@ Expand Down @@