vitepress-theme-element-plus 1.4.0 → 1.4.1

package/client/components/Doc.vue

@@ -108,10 +108,6 @@ const pageName = computed(() =>
 }
 
 @media (min-width: 1440px) {
-  .VPDoc.has-aside {
-    padding: 64px 48px 48px 64px;
-  }
-
   .VPDoc.has-aside {
     padding: 64px 0 48px 64px;
   }
@@ -134,6 +130,12 @@ const pageName = computed(() =>
   }
 }
 
+@media (min-width: 1440px) and (max-width: 1679px) {
+  .VPDoc.has-aside.has-mobile-preview {
+    padding-right: 32px;
+  }
+}
+
 @media (min-width: 1440px) {
   .VPDoc:not(.has-sidebar) .content {
     max-width: 784px;

package/client/components/Footer.vue

@@ -41,7 +41,7 @@ const linkUnderline = computed(() => {
 .footer {
   background-color: var(--vp-c-bg-soft);
   box-sizing: border-box;
-  padding: 42px 64px 64px;
+  padding: 0px 64px 64px;
 
   &.is-home {
     background-color: var(--bg-color);
@@ -60,6 +60,7 @@ const linkUnderline = computed(() => {
     display: inline-block;
     vertical-align: top;
     margin-right: 130px;
+    margin-top: 42px;
     width: 200px;
 
     h4 {

package/client/components/MobilePreviewFrame.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
+import type { SiteData } from 'vitepress'
 import { useData, useRoute } from 'vitepress'
 import { computed, ref, watch } from 'vue'
 import { resolveMobilePreviewId } from '../mobile-preview'
 
-const { frontmatter, isDark, theme } = useData()
+const { frontmatter, isDark, site, theme } = useData()
 const route = useRoute()
 const frameRef = ref<HTMLIFrameElement>()
 const previewConfig = computed(() => theme.value.mobilePreview ?? {})
@@ -25,7 +26,7 @@ const previewHref = computed(() => {
     theme: isDark.value ? 'dark' : 'light',
   })
 
-  return `${resolveLocalePreviewPath(route.path, previewPath)}?${search.toString()}`
+  return `${resolveLocalePreviewPath(route.path, previewPath, site.value)}?${search.toString()}`
 })
 
 const frameStyle = computed(() => ({
@@ -37,17 +38,35 @@ function normalizePreviewPath(value: unknown): string {
   if (typeof value !== 'string' || !value.trim())
     return 'preview/'
 
-  return value
-    .trim()
+  const trimmedValue = value.trim()
+  const normalizedPath = trimmedValue
     .replace(/^\/+/, '')
     .replace(/\/?$/, '/')
+
+  return trimmedValue.startsWith('/')
+    ? `/${normalizedPath}`
+    : normalizedPath
+}
+
+function normalizeLocalePrefix(value: string): string {
+  return `/${value.replace(/^\/+|\/+$/g, '')}/`
+}
+
+function getLocalePrefix(path: string, siteData: SiteData): string {
+  const localePrefixes = Object.keys(siteData.locales ?? {})
+    .filter(locale => locale !== 'root')
+    .map(normalizeLocalePrefix)
+    .sort((left, right) => right.length - left.length)
+
+  return localePrefixes.find(prefix => path.startsWith(prefix)) ?? '/'
 }
 
-function resolveLocalePreviewPath(path: string, previewPath: string): string {
-  const matchedLocale = path.match(/^\/([^/]+)\//)
-  const localePrefix = matchedLocale ? `/${matchedLocale[1]}/` : '/'
+function resolveLocalePreviewPath(path: string, previewPath: string, siteData: SiteData): string {
+  if (previewPath.startsWith('/'))
+    return previewPath
 
-  return `${localePrefix}${previewPath}`
+  const localePrefix = getLocalePrefix(path, siteData)
+  return new URL(previewPath, `https://mobile-preview.local${localePrefix}`).pathname
 }
 
 function syncTheme(): void {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vitepress-theme-element-plus",
   "type": "module",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "A VitePress theme for Element Plus",
   "author": "Hezhengxu",
   "license": "MIT",