Skip to content

Commit

Permalink
i18n(ko-KR): update api-reference.mdx (#8616)
Browse files Browse the repository at this point in the history
  • Loading branch information
jsparkdev committed Jun 21, 2024
1 parent e0bf2c3 commit 82713aa
Showing 1 changed file with 32 additions and 3 deletions.
35 changes: 32 additions & 3 deletions src/content/docs/ko/reference/api-reference.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -992,15 +992,15 @@ const { page } = Astro.props;
**타입:** `string | undefined`
</p>

이전 페이지의 URL을 가져옵니다(1페이지인 경우 `undefined`).
이전 페이지의 URL을 가져옵니다 (1페이지인 경우 `undefined`). [`base`](/ko/reference/configuration-reference/#base)에 값이 설정된 경우 기본 경로를 URL 앞에 추가하세요.

##### `page.url.next`

<p>
**타입:** `string | undefined`
</p>

다음 페이지의 URL을 가져옵니다(더 이상 페이지가 없으면 `undefined`).
다음 페이지의 URL을 가져옵니다 (더 이상 페이지가 없으면 `undefined`). [`base`](/ko/reference/configuration-reference/#base)에 값이 설정된 경우 기본 경로를 URL 앞에 추가하세요.

## `import.meta`

Expand Down Expand Up @@ -1681,7 +1681,36 @@ import { Code } from 'astro:components';
</p>
```

이 컴포넌트는 빌드 시 코드 블록에 대한 구문 강조 표시를 제공합니다 (클라이언트 측 JavaScript는 포함되지 않음). 이 컴포넌트는 Shiki에 의해 내부적으로 구동되며 모든 인기 있는 [테마](https://shiki.style/themes)[언어](https://shiki.style/languages)를 지원합니다. 또한 사용자 정의 테마와 언어를 각각 `theme``lang`에 전달하여 추가할 수 있습니다.
이 컴포넌트는 빌드 시 코드 블록에 구문 강조 표시를 제공합니다 (클라이언트 측 JavaScript는 포함되지 않음). 이 컴포넌트는 Shiki에 의해 내부적으로 구동되며 모든 인기 있는 [테마](https://shiki.style/themes)[언어](https://shiki.style/languages)를 지원합니다. 또한 사용자 정의 테마, 언어 및 [transformers](#transformers)를 각각 `theme`, `lang`, `transformers` 속성에 전달하여 추가할 수 있습니다.

#### Transformers

<p><Since v="4.11.0" /></p>

[Shiki transformers](https://shiki.style/packages/transformers#shikijs-transformers)`transformers` 속성에 배열로 전달하여 선택적으로 코드에 적용할 수 있습니다.

`transformers`는 단지 클래스만 적용하며 코드 블록의 요소를 대상으로 지정하려면 자체 CSS 규칙을 제공해야 합니다.

```astro
---
import { transformerNotationFocus } from '@shikijs/transformers'
import { Code } from 'astro:components'
const code = `const foo = 'hello'
const bar = ' world'
console.log(foo + bar) // [!code focus]
`
---
<Code
code={code}
lang="js"
transformers={[transformerNotationFocus()]} />
<style is:global>
pre.has-focused .line:not(.focused) {
filter: blur(1px);
}
</style>
```

### `<Fragment />`

Expand Down

0 comments on commit 82713aa

Please sign in to comment.