Merge branch 'main' into config

withastro · May 1, 2024 · 5078cee · 5078cee
2 parents 8111b63 + 9e63679
commit 5078cee
Show file tree

Hide file tree

Showing 4 changed files with 52 additions and 8 deletions.
diff --git a/docs/src/content/docs/ko/getting-started.mdx b/docs/src/content/docs/ko/getting-started.mdx
@@ -17,7 +17,7 @@ Starlight는 [Astro](https://astro.build) 프레임워크 위에 구축되었으
 
 터미널에서 다음 명령을 실행하여 새 Astro + Starlight 프로젝트를 생성합니다.
 
-<Tabs>
+<Tabs syncKey="pkg">
 <TabItem label="npm">
 
 ```sh
@@ -54,7 +54,7 @@ yarn create astro --template starlight
 
 프로젝트 디렉터리에서 다음 명령을 실행하여 개발 서버를 시작합니다.
 
-<Tabs>
+<Tabs syncKey="pkg">
 <TabItem label="npm">
 
 ```sh
@@ -105,7 +105,7 @@ Starlight는 베타 소프트웨어이기 때문에 업데이트와 개선이
 
 Starlight는 Astro 통합입니다. 터미널에서 다음 명령을 실행하여 이 패키지와 다른 Astro 패키지를 업데이트할 수 있습니다.
 
-<Tabs>
+<Tabs syncKey="pkg">
 <TabItem label="npm">
 
 ```sh

diff --git a/docs/src/content/docs/ko/guides/components.mdx b/docs/src/content/docs/ko/guides/components.mdx
@@ -87,6 +87,50 @@ import { Tabs, TabItem } from '@astrojs/starlight/components';
 	</TabItem>
 </Tabs>
 
+#### 동기화된 탭
+
+`syncKey` 속성을 추가하여 여러 탭 그룹을 동기화된 상태로 유지합니다.
+
+동일한 `syncKey` 값을 가진 페이지의 모든 `<Tabs>`에는 동일한 활성 라벨이 표시됩니다. 이를 통해 독자는 한 번 (예: 운영 체제 또는 패키지 관리자) 선택하고 선택 사항이 페이지 전체에 반영되는 것을 볼 수 있습니다.
+
+관련 탭을 동기화하려면 각 `<Tabs>` 컴포넌트에 동일한 `syncKey` 속성을 추가하고 모두 동일한 `<TabItem>` 라벨을 사용하는지 확인하세요.
+
+```mdx 'syncKey="별자리"'
+# src/content/docs/example.mdx
+
+import { Tabs, TabItem } from '@astrojs/starlight/components';
+
+_별:_
+
+<Tabs syncKey="별자리">
+	<TabItem label="오리온자리">벨라트릭스, 리겔, 베텔게우스</TabItem>
+	<TabItem label="쌍둥이자리">폴룩스, 캐스터 A, 캐스터 B</TabItem>
+</Tabs>
+
+_외계 행성:_
+
+<Tabs syncKey="별자리">
+	<TabItem label="오리온자리">HD 34445 b, 글리제 179 b, Wasp-82 b</TabItem>
+	<TabItem label="쌍둥이자리">폴룩스 b, HAT-P-24b, HD 50554 b</TabItem>
+</Tabs>
+```
+
+위 코드는 페이지에 다음을 생성합니다.
+
+_별:_
+
+<Tabs syncKey="별자리">
+	<TabItem label="오리온자리">벨라트릭스, 리겔, 베텔게우스</TabItem>
+	<TabItem label="쌍둥이자리">폴룩스, 캐스터 A, 캐스터 B</TabItem>
+</Tabs>
+
+_외계 행성:_
+
+<Tabs syncKey="별자리">
+	<TabItem label="오리온자리">HD 34445 b, 글리제 179 b, Wasp-82 b</TabItem>
+	<TabItem label="쌍둥이자리">폴룩스 b, HAT-P-24b, HD 50554 b</TabItem>
+</Tabs>
+
 ### 카드
 
 import { Card, CardGrid } from '@astrojs/starlight/components';

diff --git a/docs/src/content/docs/ko/guides/css-and-tailwind.mdx b/docs/src/content/docs/ko/guides/css-and-tailwind.mdx
@@ -62,7 +62,7 @@ Starlight Tailwind 플러그인은 다음 구성을 적용합니다.
 
 `create astro`를 사용하여 Tailwind CSS가 사전 구성된 새 Starlight 프로젝트를 시작하세요.
 
-<Tabs>
+<Tabs syncKey="pkg">
 <TabItem label="npm">
 
 ```sh
@@ -94,7 +94,7 @@ yarn create astro --template starlight/tailwind
 
 1.  Astro의 Tailwind 통합 추가
 
-    <Tabs>
+    <Tabs syncKey="pkg">
 
     <TabItem label="npm">
 
@@ -124,7 +124,7 @@ yarn create astro --template starlight/tailwind
 
 2.  Starlight Tailwind 플러그인을 설치하세요.
 
-    <Tabs>
+    <Tabs syncKey="pkg">
 
     <TabItem label="npm">
 

diff --git a/docs/src/content/docs/ko/guides/customization.mdx b/docs/src/content/docs/ko/guides/customization.mdx
@@ -125,7 +125,7 @@ Starlight는 독자가 원하는 제목으로 쉽게 이동할 수 있도록 각
 
 기본적으로 `<h2>` 및 `<h3>` 제목이 목차에 포함됩니다. [`tableOfContents`](/ko/reference/configuration/#tableofcontents) 의 `minHeadingLevel` 및 `maxHeadingLevel` 옵션을 사용하여 모든 페이지의 목차를 변경할 수 있습니다. 개별 페이지의 기본 목차를 변경하기 위해서는 [프론트매터에 `tableOfContents`](/ko/reference/frontmatter/#tableofcontents) 속성을 추가하세요.
 
-<Tabs>
+<Tabs syncKey="config-type">
   <TabItem label="개별 페이지 설정">
 
 ```md {4-6}
@@ -159,7 +159,7 @@ defineConfig({
 
 `tableOfContents` 옵션의 값을 `false`로 설정하여 모든 페이지의 목차를 비활성화 할 수 있습니다.
 
-<Tabs>
+<Tabs syncKey="config-type">
   <TabItem label="개별 페이지 설정">
 
 ```md {4}