From e03a524865663e83e2bd923f41594aba05b34fde Mon Sep 17 00:00:00 2001 From: mnenie <1alexpeshkov@gmail.com> Date: Wed, 18 Dec 2024 22:52:01 +0300 Subject: [PATCH] =?UTF-8?q?feat(docs):=20=D0=90=D0=BA=D1=82=D1=83=D0=B0?= =?UTF-8?q?=D0=BB=D0=B8=D0=B7=D0=B0=D1=86=D0=B8=D1=8F=20=D0=B4=D0=BE=D0=BA?= =?UTF-8?q?=D1=83=D0=BC=D0=B5=D0=BD=D1=82=D0=B0=D1=86=D0=B8=D0=B8=20=D0=B2?= =?UTF-8?q?=209b6542?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/1.getting-started/12.upgrade.md | 42 ++++++++--------- docs/1.getting-started/4.styling.md | 10 ++-- .../2.guide/2.directory-structure/1.shared.md | 46 +++++++++---------- .../2.directory-structure/3.app-config.md | 20 ++++---- .../1.experimental-features.md | 12 ++--- docs/2.guide/3.going-further/7.layers.md | 2 +- docs/3.api/2.composables/use-lazy-fetch.md | 2 +- docs/3.api/4.commands/upgrade.md | 2 +- 8 files changed, 68 insertions(+), 68 deletions(-) diff --git a/docs/1.getting-started/12.upgrade.md b/docs/1.getting-started/12.upgrade.md index d0a8abc0d185..f22b358c9867 100644 --- a/docs/1.getting-started/12.upgrade.md +++ b/docs/1.getting-started/12.upgrade.md @@ -237,36 +237,36 @@ export default defineNuxtConfig({ }) ``` -#### New DOM Location for SPA Loading Screen +#### Новое местоположение DOM для экрана загрузки SPA -🚦 **Impact Level**: Minimal +🚦 **Уровень воздействия**: Минимальный -##### What Changed +##### Что изменилось -When rendering a client-only page (with `ssr: false`), we optionally render a loading screen (from `app/spa-loading-template.html`), within the Nuxt app root: +При рендеринге страницы, предназначенной только для клиента (с `ssr: false`), мы опционально ренденрим экран загрузки (из `app/spa-loading-template.html`) в корне приложения Nuxt: ```html
- +
``` -Now, we default to rendering the template alongside the Nuxt app root: +Теперь мы по умолчанию рендерим шаблон рядом с корнем приложения Nuxt: ```html
- + ``` -##### Reasons for Change +##### Причины для изменений -This allows the spa loading template to remain in the DOM until the Vue app suspense resolves, preventing a flash of white. +Это позволяет шаблону загрузки spa оставаться в DOM до тех пор, пока не разрешится саспенс Vue приложения, что предотвращает появление белой вспышки. -##### Migration Steps +##### Этапы миграции -If you were targeting the spa loading template with CSS or `document.queryElement` you will need to update your selectors. For this purpose you can use the new `app.spaLoaderTag` and `app.spaLoaderAttrs` configuration options. +Если вы использовали CSS или `document.queryElement` для шаблона загрузки spa, вам необходимо обновить селекторы. Для этого вы можете использовать новые опции конфигурации `app.spaLoaderTag` и `app.spaLoaderAttrs`. -Alternatively, you can revert to the previous behaviour with: +Кроме того, вы можете вернуться к предыдущему поведению с помощью: ```ts twoslash [nuxt.config.ts] export default defineNuxtConfig({ @@ -276,21 +276,21 @@ export default defineNuxtConfig({ }) ``` -#### Scan Page Meta After Resolution +#### Сканирование мета-данных страницы после разрешения -🚦 **Impact Level**: Minimal +🚦 **Уровень воздействия**: Минимальный -##### What Changed +##### Что изменилось -We now scan page metadata (defined in `definePageMeta`) _after_ calling the `pages:extend` hook rather than before. +Теперь мы сканируем метаданные страницы (определенные в `definePageMeta`) _после_ вызова хука `pages:extend`, а не до. -##### Reasons for Change +##### Причины для изменений -This was to allow scanning metadata for pages that users wanted to add in `pages:extend`. We still offer an opportunity to change or override page metadata in a new `pages:resolved` hook. +Это было сделано для того, чтобы позволить сканировать метаданные для страниц, которые пользователи хотели добавить в `pages:extend`. Мы по-прежнему предлагаем возможность изменить или переопределить метаданные страницы в новом хуке `pages:resolved`. -##### Migration Steps +##### Этапы миграции -If you want to override page metadata, do that in `pages:resolved` rather than in `pages:extend`. +Если вы хотите переопределить метаданные страницы, сделайте это в `pages:resolved`, а не в `pages:extend`. ```diff export default defineNuxtConfig({ @@ -305,7 +305,7 @@ If you want to override page metadata, do that in `pages:resolved` rather than i }) ``` -Alternatively, you can revert to the previous behaviour with: +Кроме того, вы можете вернуться к предыдущему поведению с помощью: ```ts twoslash [nuxt.config.ts] export default defineNuxtConfig({ diff --git a/docs/1.getting-started/4.styling.md b/docs/1.getting-started/4.styling.md index 84dc023abe8e..851a8b6c57b7 100644 --- a/docs/1.getting-started/4.styling.md +++ b/docs/1.getting-started/4.styling.md @@ -258,25 +258,25 @@ export default defineNuxtConfig({ Nuxt использует Vite по умолчанию. Если вы хотите использовать вместо этого webpack, обратитесь к [документации](https://webpack.js.org/loaders/sass-loader) загрузчика нужного препроцессора. -### Preprocessor Workers (Experimental) +### Воркеры препроцессора (экспериментально) -Vite has made available an [experimental option](https://vite.dev/config/shared-options.html#css-preprocessormaxworkers) which can speed up using preprocessors. +Vite сделал доступной [экспериментальную опцию](https://vite.dev/config/shared-options.html#css-preprocessormaxworkers), которая может ускорить использование препроцессоров. -You can enable this in your `nuxt.config`: +Вы можете включить эту функцию в `nuxt.config`: ```ts export default defineNuxtConfig({ vite: { css: { - preprocessorMaxWorkers: true // number of CPUs minus 1 + preprocessorMaxWorkers: true // количество процессоров минус 1 } } }) ``` ::note -This is an experimental option and you should refer to the Vite documentation and [provide feedback](https://github.com/vitejs/vite/discussions/15835). +Это экспериментальная опция, и вам следует обратиться к документации Vite и [оставить отзыв](https://github.com/vitejs/vite/discussions/15835). :: ## Стилизация однофайловых компонентов (SFC) diff --git a/docs/2.guide/2.directory-structure/1.shared.md b/docs/2.guide/2.directory-structure/1.shared.md index 0e29ac48b671..af1d7c46eea3 100644 --- a/docs/2.guide/2.directory-structure/1.shared.md +++ b/docs/2.guide/2.directory-structure/1.shared.md @@ -1,23 +1,23 @@ --- title: 'shared' head.title: 'shared/' -description: 'Use the shared/ directory to share functionality between the Vue app and the Nitro server.' +description: 'Используйте директорию shared/ для совместного использования функциональности между приложением Vue и сервером Nitro.' navigation.icon: 'i-ph-folder' --- -The `shared/` directory allows you to share code that can be used in both the Vue app and the Nitro server. +Директория `shared/` позволяет совместно использовать код, который может быть использован как в приложении Vue, так и на сервере Nitro. ::note -The `shared/` directory is available in Nuxt v3.14+. +Директория `shared/` доступна в Nuxt v3.14+. :: ::important -Code in the `shared/` directory cannot import any Vue or Nitro code. +Код в директории `shared/` не может импортировать код Vue или Nitro. :: -## Usage +## Использование -**Method 1:** Using named export +**Метод 1:** Использование именованного экспорта ```ts twoslash [shared/utils/capitalize.ts] export const capitalize = (input: string) => { @@ -25,7 +25,7 @@ export const capitalize = (input: string) => { } ``` -**Method 2:** Using default export +**Метод 2:** Использование экспорта по умолчанию ```ts twoslash [shared/utils/capitalize.ts] export default function capitalize (input: string) { @@ -33,9 +33,9 @@ export default function capitalize (input: string) { } ``` -**Usage:** You can now use auto-imported utility functions in `.js`, `.ts` and `.vue` files within your Vue app and the `server/` directory. +**Применение:** Теперь вы можете использовать автоимпортируемые функции-утилиты в файлах `.js`, `.ts` и `.vue` в вашем приложении Vue и директории `server/`. -If you have [set `compatibilityVersion: 4` in your `nuxt.config.ts`](/docs/getting-started/upgrade#opting-in-to-nuxt-4), you can use the auto-imported functions in the `app/` directory. This is part of Nuxt's progressive compatibility features preparing for version 4. +Если вы [установили `compatibilityVersion: 4` в вашем `nuxt.config.ts`](/docs/getting-started/upgrade#opting-in-to-nuxt-4), вы можете использовать автоимпортируемые функции в директории `app/`. Это часть прогрессивной совместимости Nuxt, готовящейся к версии 4. ```vue [app.vue]