From f21cd0892fb9389c4d809fe94cae06fdcabdba2b Mon Sep 17 00:00:00 2001
From: Bugo <cheetah@bk.ru>
Date: Mon, 25 Mar 2024 00:30:49 +0500
Subject: [PATCH] Translate guide/mpa-mode.md

---
 docs/ru/guide/mpa-mode.md | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 docs/ru/guide/mpa-mode.md

diff --git a/docs/ru/guide/mpa-mode.md b/docs/ru/guide/mpa-mode.md
new file mode 100644
index 00000000..7f3d7bf7
--- /dev/null
+++ b/docs/ru/guide/mpa-mode.md
@@ -0,0 +1,23 @@
+# Режим MPA <Badge type="warning" text="экспериментально" /> {#mpa-mode}
+
+Режим MPA (Multi-Page Application — «Многостраничное приложение») можно включить через командную строку с помощью команды `vitepress build --mpa`, или через конфигурацию с помощью опции `mpa: true`.
+
+В режиме MPA все страницы по умолчанию отображаются без включенного JavaScript. В результате производственный сайт, скорее всего, получит более высокую оценку эффективности первых посещений с помощью инструментов аудита.
+
+Однако из-за отсутствия навигации SPA межстраничные ссылки будут приводить к полной перезагрузке страницы. После загрузки навигация в режиме MPA будет не такой мгновенной, как в режиме SPA.
+
+Также обратите внимание, что «no-JS-by-default» («без JS по умолчанию») означает, что вы используете Vue исключительно как серверный язык шаблонов. Никаких обработчиков событий в браузере не будет, поэтому интерактивности не будет. Чтобы загрузить JavaScript со стороны клиента, вам нужно использовать специальный тег `<script client>`:
+
+```html
+<script client>
+  document.querySelector('h1').addEventListener('click', () => {
+    console.log('JavaScript на стороне клиента!')
+  })
+</script>
+
+# Привет
+```
+
+`<script client>` — это функция только для VitePress, а не для Vue. Она работает как в файлах `.md`, так и в файлах `.vue`, но только в режиме MPA. Клиентские скрипты во всех компонентах темы будут объединены вместе, в то время как клиентский скрипт для конкретной страницы будет разделен только для этой страницы.
+
+Обратите внимание, что `<script client>` **не оценивается как код компонента Vue**: он обрабатывается как обычный модуль JavaScript. По этой причине режим MPA следует использовать только в том случае, если ваш сайт требует абсолютно минимальной интерактивности на стороне клиента.