forked from nuxt/nuxt
-
Notifications
You must be signed in to change notification settings - Fork 10
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(docs): перевод nuxt-island (#160)
* 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
1 parent
042701b
commit 2d001e8
Showing
1 changed file
with
18 additions
and
18 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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` не удается получить новый остров. |