Skip to content

Commit

Permalink
feat(docs): перевод nuxt-island (#160)
Browse files Browse the repository at this point in the history
* feat(docs): перевод nuxt-island

* Update docs/3.api/1.components/8.nuxt-island.md

* Update docs/3.api/1.components/8.nuxt-island.md

Co-authored-by: Artem <[email protected]>

---------

Co-authored-by: Bochkarev Ivan <[email protected]>
Co-authored-by: Artem <[email protected]>
  • Loading branch information
3 people authored Jun 11, 2024
1 parent 042701b commit 2d001e8
Showing 1 changed file with 18 additions and 18 deletions.
36 changes: 18 additions & 18 deletions docs/3.api/1.components/8.nuxt-island.md
Original file line number Diff line number Diff line change
@@ -1,66 +1,66 @@
---
title: "<NuxtIsland>"
description: "Nuxt provides the <NuxtIsland> component to render a non-interactive component without any client JS."
description: "Nuxt предоставляет компонент <NuxtIsland> для рендеринга неинтерактивного компонента без использования клиентского JS."
links:
- label: Исходники
icon: i-simple-icons-github
to: https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/components/nuxt-island.ts
size: xs
---

When rendering an island component, the content of the island component is static, thus no JS is downloaded client-side.
При рендеринге островного компонента его содержимое является статичным, поэтому JS не загружается на стороне клиента.

Changing the island component props triggers a refetch of the island component to re-render it again.
Изменение входных параметров островного компонента запускает повторную загрузку островного компонента для его повторного ререндера.

::note
Global styles of your application are sent with the response.
Глобальные стили вашего приложения будут отправлены вместе с ответом.
::

::tip
Server only components use `<NuxtIsland>` under the hood
Серверные компоненты используют `<NuxtIsland>` под капотом
::

## Входные параметры

- `name` : Name of the component to render.
- `name` : Название компонента для рендеринга.
- **тип**: `string`
- **обязательный**
- `lazy`: Make the component non-blocking.
- `lazy`: Делает компонент неблокирующим.
- **тип**: `boolean`
- **по умолчанию**: `false`
- `props`: Props to send to the component to render.
- `props`: Входные параметры, которые отправляются компоненту для рендеринга.
- **тип**: `Record<string, any>`
- `source`: Remote source to call the island to render.
- `source`: Удаленный источник, который вызывает остров для рендеринга.
- **тип**: `string`
- **dangerouslyLoadClientComponents**: Required to load components from a remote source.
- **dangerouslyLoadClientComponents**: Требуется для загрузки компонентов из удаленного источника.
- **тип**: `boolean`
- **по умолчанию**: `false`

::note
Remote islands need `experimental.componentIslands` to be `'local+remote'` in your `nuxt.config`.
It is strongly discouraged to enable `dangerouslyLoadClientComponents` as you can't trust a remote server's javascript.
Удаленным островам необходимо, чтобы `experimental.componentIslands` были `'local+remote'` в вашем `nuxt.config`.
Настоятельно не рекомендуется включать `dangerouslyLoadClientComponents`, так как вы не можете доверять javascript удаленного сервера.
::

## Слоты

Slots can be passed to an island component if declared.
Слоты могут быть переданы островному компоненту, если они объявлены.

Every slot is interactive since the parent component is the one providing it.
Каждый слот является интерактивным, поскольку его предоставляет родительский компонент.

Some slots are reserved to `NuxtIsland` for special cases.
Некоторые слоты зарезервированы для `NuxtIsland` для особых кейсов.

- `#fallback`: Specify the content to be rendered before the island loads (if the component is lazy) or if `NuxtIsland` fails to fetch the component.
- `#fallback`: Укажите содержимое, которое будет отрендерено перед загрузкой острова (если компонент ленив) или если `NuxtIsland` не сможет получить компонент.

## Ref

- `refresh()`
- **тип**: `() => Promise<void>`
- **описание**: force refetch the server component by refetching it.
- **описание**: принудительная повторная загрузка серверного компонента.

## События

- `error`
- **параметры**:
- **error**:
- **тип**: `unknown`
- **описание**: emitted when when `NuxtIsland` fails to fetch the new island.
- **описание**: генерируется, когда при вызове `NuxtIsland` не удается получить новый остров.

0 comments on commit 2d001e8

Please sign in to comment.