Skip to content

Commit

Permalink
docs: ✏️ correct translation inaccuracies in /routing (#266)
Browse files Browse the repository at this point in the history
  • Loading branch information
JonikUl authored Jul 27, 2024
1 parent f9eb563 commit f37d2b5
Showing 1 changed file with 10 additions and 10 deletions.
20 changes: 10 additions & 10 deletions docs/1.getting-started/5.routing.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,21 +8,21 @@ navigation.icon: i-ph-signpost-duotone

## Страницы

Маршрутизация Nuxt основана на [vue-router](https://router.vuejs.org) и генерирует маршруты из каждого компонента, созданного в каталоге [`pages/` directory](/docs/guide/directory-structure/pages), на основе их имени файла.
Маршрутизация Nuxt основана на [vue-router](https://router.vuejs.org) и генерирует маршруты из каждого компонента, созданного в директории [`pages/` directory](/docs/guide/directory-structure/pages), на основе имени файла.

Эта маршрутизация на основе файлов использует соглашения об именовании для создания динамических и вложенных маршрутов:

::code-group

```bash [Directory Structure]
```bash [Структура директории]
| pages/
---| about.vue
---| index.vue
---| posts/
-----| [id].vue
```

```json [Generated Router File]
```json [Сгенерированный файл роутера]
{
"routes": [
{
Expand All @@ -47,7 +47,7 @@ navigation.icon: i-ph-signpost-duotone

## Навигация

Компонент [`<NuxtLink>`](/docs/api/components/nuxt-link) создает ссылки между страницами. Он рендерит тег `<a>` с атрибутом `href`, установленным в соответствии с маршрутом страницы. После гидратации приложения переходы между страницами выполняются в JavaScript путем обновления URL-адреса браузера. Это предотвращает полное обновление страницы и позволяет использовать анимированные переходы.
Компонент [`<NuxtLink>`](/docs/api/components/nuxt-link) создает ссылки между страницами. Он рендерит тег `<a>` с атрибутом `href`, заданным для маршрута страницы. После гидратации приложения переходы между страницами выполняются в JavaScript путем обновления URL-адреса браузера. Это предотвращает полное обновление страницы и позволяет использовать анимированные переходы.

Когда [`<NuxtLink>`](/docs/api/components/nuxt-link) появляется в области просмотра на клиенте, Nuxt автоматически загружает компоненты и полезную нагрузку (сгенерированные страницы) связанных страниц заранее, что обеспечивает более быструю навигацию.

Expand All @@ -56,9 +56,9 @@ navigation.icon: i-ph-signpost-duotone
<header>
<nav>
<ul>
<li><NuxtLink to="/about">About</NuxtLink></li>
<li><NuxtLink to="/posts/1">Post 1</NuxtLink></li>
<li><NuxtLink to="/posts/2">Post 2</NuxtLink></li>
<li><NuxtLink to="/about">О нас</NuxtLink></li>
<li><NuxtLink to="/posts/1">Пост 1</NuxtLink></li>
<li><NuxtLink to="/posts/2">Пост 2</NuxtLink></li>
</ul>
</nav>
</header>
Expand All @@ -69,7 +69,7 @@ navigation.icon: i-ph-signpost-duotone

## Параметры маршрута

Композабл [`useRoute()`](/docs/api/composables/use-route) может быть использован в блоке `<script setup>` или в методе `setup()` компонента Vue для получения текущих деталей маршрута.
Композабл [`useRoute()`](/docs/api/composables/use-route) может быть использован в блоке `<script setup>` или в методе `setup()` компонента Vue для получения деталей текущего маршрута.

```vue twoslash [pages/posts/[id\\].vue]
<script setup lang="ts">
Expand All @@ -84,7 +84,7 @@ console.log(route.params.id)

## Middleware маршрутов

Nuxt предоставляет настраиваемый функции middleware для маршрутов, которые можно использовать во всем вашем приложении. Это идеально для группировки кода, который вы хотите запускать перед переходом на определенный маршрут.
Nuxt предоставляет настраиваемый фреймворк middleware для маршрутов, который вы можете использовать в своем приложении, идеально подходящий для группировки кода, который вы хотите запустить перед переходом к определенному маршруту.

::note
Middleware маршрутов работает внутри части Vue вашего приложения Nuxt. Несмотря на схожее название, они совершенно отличаются от серверных middleware, которые выполняются в части Nitro сервера вашего приложения.
Expand All @@ -94,7 +94,7 @@ Middleware маршрутов работает внутри части Vue ва

1. Анонимные (или встроенные) middleware маршрутов, которые определяются непосредственно в тех страницах, где они используются.
2. Именованные middleware маршрутов, которые размещаются в директории [`middleware/`](/docs/guide/directory-structure/middleware) и будут автоматически загружены при помощи асинхронного импорта при использовании на странице. (**Примечание**: Имя middleware маршрута нормализуется к kebab-case, так что `someMiddleware` превращается в `some-middleware`.)
3. Глобальные middleware маршрутов, которые размещаются в [`middleware/` директории](/docs/guide/directory-structure/middleware) (с суффиксом `.global`) и будут автоматически запускаться при каждом изменении маршрута.
3. Глобальные middleware маршрутов, которые размещаются в [директории `middleware/`](/docs/guide/directory-structure/middleware) (с суффиксом `.global`) и будут автоматически запускаться при каждом изменении маршрута.

Пример middleware `auth`, защищающего страницу `/dashboard`:

Expand Down

0 comments on commit f37d2b5

Please sign in to comment.