feat: Добавлены переводы для страницы 404

modx-pro · Aug 19, 2024 · f90166a · f90166a
1 parent 5109e3f
commit f90166a
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 17 deletions.
diff --git a/.vitepress/config/en.ts b/.vitepress/config/en.ts
@@ -74,6 +74,17 @@ export const config: LocaleConfig<DocsTheme.Config> = {
         text: 'Suggest changes to this page',
       },
 
+      notFound: {
+        title: 'Page not found',
+        quote: `
+          <p>It looks like you followed an incorrect or outdated link.</p>
+          <br>
+          <p>This site is automatically generated from files located on GitHub, so links may change.</p>
+        `,
+        linkText: 'Back to home',
+        linkLabel: 'Back to home',
+      },
+
       components: components.filter(component => component.path.startsWith('en/components/')),
     },
   }

diff --git a/.vitepress/config/ru.ts b/.vitepress/config/ru.ts
@@ -85,6 +85,18 @@ export const config: LocaleConfig<DocsTheme.Config> = {
         text: 'Предложить изменения на этой странице',
       },
 
+      notFound: {
+        title: 'Страница не найдена',
+        quote: `
+          <p>Похоже, что вы перешли по неверной или устаревшей ссылке.</p>
+          <p>Информация, которую вы искали, где-то здесь. Вы можете воспользоваться поиском.</p>
+          <br>
+          <p>Этот сайт автоматически генерируется из файлов, расположенных на GitHub, поэтому адреса могут иногда меняться.</p>
+        `,
+        linkText: 'Вернуться на главную',
+        linkLabel: 'Вернуться на главную',
+      },
+
       components: components.filter(component => component.path.startsWith('components/')),
     },
   }

diff --git a/.vitepress/theme/components/DocsNotFound.vue b/.vitepress/theme/components/DocsNotFound.vue
@@ -1,24 +1,13 @@
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
+import { computed } from 'vue'
 import { useData } from 'vitepress'
-import { useLangs } from 'vitepress/dist/client/theme-default/composables/langs'
 
 import DocsButton from './DocsButton.vue'
 
 const { site, theme } = useData()
-const { localeLinks } = useLangs({ removeCurrent: false })
 
-const root = ref<string>('/')
-onMounted(() => {
-  const path = window.location.pathname
-    .replace(site.value.base, '')
-    .replace(/(^.*?\/).*$/, '/$1')
-
-  if (localeLinks.value.length) {
-    root.value =
-      localeLinks.value.find(({ link }) => link.startsWith(path))?.link ||
-      localeLinks.value[0].link
-  }
+const root = computed(() => {
+  return site.value.localeIndex !== 'root' ? (site.value.base + site.value.localeIndex + '/') : site.value.base
 })
 </script>
 
@@ -28,9 +17,7 @@ onMounted(() => {
     <h1 class="title">{{ theme.notFound?.title ?? 'Страница не найдена' }}</h1>
     <div class="divider" />
     <blockquote class="quote">
-      <template v-if="theme.notFound?.quote">
-        {{ theme.notFound?.quote }}
-      </template>
+      <div v-if="theme.notFound?.quote" v-html="theme.notFound?.quote" />
       <template v-else>
         <p>Похоже, что вы перешли по неверной или устаревшей ссылке.</p>
         <p>Информация, которую вы искали, где-то здесь. Вы можете воспользоваться поиском.</p>