feat: support lang attributes (#1948)

ssssota · kermanx · web-flow · commit 207a0007f20b · 2024-11-30T11:18:27.000+08:00
Co-authored-by: _Kerman &lt;kermanx@qq.com&gt;
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 number	Diff line change
`@@ -45,6 +45,7 @@ export const FRONTMATTER_FIELDS = [`
`45`	`45`	`'transition',`
`46`	`46`	`'zoom',`
`47`	`47`	`'dragPos',`
	`48`	`+ 'lang',`
`48`	`49`	`]`
`49`	`50`
`50`	`51`	`export const HEADMATTER_FIELDS = [`
Original file line number	Diff line number	Diff line change
`@@ -53,6 +53,7 @@ const style = computed<CSSProperties>(() => ({`
`53`	`53`	`:data-slidev-no="props.route.no"`
`54`	`54`	`:class="getSlideClass(route, ['slide', 'presenter'].includes(props.renderContext) ? '' : 'disable-view-transition')"`
`55`	`55`	`:style="style"`
	`56`	`+ :lang="props.route.meta.slide.frontmatter.lang"`
`56`	`57`	`>`
`57`	`58`	`<SlideBottom />`
`58`	`59`	`<component :is="props.route.component" />`