docs: update id.json and accordion examples to be able to support tra…

…nslation (#2161)
saadeghi · Jul 21, 2023 · 74cdb70 · 74cdb70
1 parent d4e1d97
commit 74cdb70
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 24 deletions.
diff --git a/src/docs/src/routes/components/accordion/+page.svelte.md b/src/docs/src/routes/components/accordion/+page.svelte.md
@@ -39,7 +39,7 @@ data="{[
 <div class="collapse bg-base-200">
   <input type="radio" name="my-accordion-1" checked="checked" />
   <div class="collapse-title text-xl font-medium">
-    Click to open this one and close others
+    <Translate text="Click to open this one and close others" />
   </div>
   <div class="collapse-content">
     <p>hello</p>
@@ -48,7 +48,7 @@ data="{[
 <div class="collapse bg-base-200">
   <input type="radio" name="my-accordion-1" />
   <div class="collapse-title text-xl font-medium">
-    Click to open this one and close others
+    <Translate text="Click to open this one and close others" />
   </div>
   <div class="collapse-content">
     <p>hello</p>
@@ -57,7 +57,7 @@ data="{[
 <div class="collapse bg-base-200">
   <input type="radio" name="my-accordion-1" />
   <div class="collapse-title text-xl font-medium">
-    Click to open this one and close others
+    <Translate text="Click to open this one and close others" />
   </div>
   <div class="collapse-content">
     <p>hello</p>
@@ -67,7 +67,7 @@ data="{[
 `<div class="$$collapse bg-base-200">
   <input type="radio" name="my-accordion-1" checked="checked" /> 
   <div class="$$collapse-title text-xl font-medium">
-    Click to open this one and close others
+    <Translate text="Click to open this one and close others" />
   </div>
   <div class="$$collapse-content"> 
     <p>hello</p>
@@ -76,7 +76,7 @@ data="{[
 <div class="$$collapse bg-base-200">
   <input type="radio" name="my-accordion-1" /> 
   <div class="$$collapse-title text-xl font-medium">
-    Click to open this one and close others
+    <Translate text="Click to open this one and close others" />
   </div>
   <div class="$$collapse-content"> 
     <p>hello</p>
@@ -85,7 +85,7 @@ data="{[
 <div class="$$collapse bg-base-200">
   <input type="radio" name="my-accordion-1" /> 
   <div class="$$collapse-title text-xl font-medium">
-    Click to open this one and close others
+    <Translate text="Click to open this one and close others" />
   </div>
   <div class="$$collapse-content"> 
     <p>hello</p>
@@ -98,7 +98,7 @@ data="{[
 <div class="collapse collapse-arrow bg-base-200">
   <input type="radio" name="my-accordion-2" checked="checked" />
   <div class="collapse-title text-xl font-medium">
-    Click to open this one and close others
+    <Translate text="Click to open this one and close others" />
   </div>
   <div class="collapse-content">
     <p>hello</p>
@@ -107,7 +107,7 @@ data="{[
 <div class="collapse collapse-arrow bg-base-200">
   <input type="radio" name="my-accordion-2" />
   <div class="collapse-title text-xl font-medium">
-    Click to open this one and close others
+    <Translate text="Click to open this one and close others" />
   </div>
   <div class="collapse-content">
     <p>hello</p>
@@ -116,7 +116,7 @@ data="{[
 <div class="collapse collapse-arrow bg-base-200">
   <input type="radio" name="my-accordion-2" />
   <div class="collapse-title text-xl font-medium">
-    Click to open this one and close others
+    <Translate text="Click to open this one and close others" />
   </div>
   <div class="collapse-content">
     <p>hello</p>
@@ -126,7 +126,7 @@ data="{[
 `<div class="$$collapse $$collapse-arrow bg-base-200">
   <input type="radio" name="my-accordion-2" checked="checked" /> 
   <div class="$$collapse-title text-xl font-medium">
-    Click to open this one and close others
+    <Translate text="Click to open this one and close others" />
   </div>
   <div class="$$collapse-content"> 
     <p>hello</p>
@@ -135,7 +135,7 @@ data="{[
 <div class="$$collapse $$collapse-arrow bg-base-200">
   <input type="radio" name="my-accordion-2" /> 
   <div class="$$collapse-title text-xl font-medium">
-    Click to open this one and close others
+    <Translate text="Click to open this one and close others" />
   </div>
   <div class="$$collapse-content"> 
     <p>hello</p>
@@ -144,7 +144,7 @@ data="{[
 <div class="$$collapse $$collapse-arrow bg-base-200">
   <input type="radio" name="my-accordion-2" /> 
   <div class="$$collapse-title text-xl font-medium">
-    Click to open this one and close others
+    <Translate text="Click to open this one and close others" />
   </div>
   <div class="$$collapse-content"> 
     <p>hello</p>
@@ -157,7 +157,7 @@ data="{[
 <div class="collapse collapse-plus bg-base-200">
   <input type="radio" name="my-accordion-3" checked="checked" />
   <div class="collapse-title text-xl font-medium">
-    Click to open this one and close others
+    <Translate text="Click to open this one and close others" />
   </div>
   <div class="collapse-content">
     <p>hello</p>
@@ -166,7 +166,7 @@ data="{[
 <div class="collapse collapse-plus bg-base-200">
   <input type="radio" name="my-accordion-3" />
   <div class="collapse-title text-xl font-medium">
-    Click to open this one and close others
+    <Translate text="Click to open this one and close others" />
   </div>
   <div class="collapse-content">
     <p>hello</p>
@@ -175,7 +175,7 @@ data="{[
 <div class="collapse collapse-plus bg-base-200">
   <input type="radio" name="my-accordion-3" />
   <div class="collapse-title text-xl font-medium">
-    Click to open this one and close others
+    <Translate text="Click to open this one and close others" />
   </div>
   <div class="collapse-content">
     <p>hello</p>
@@ -185,7 +185,7 @@ data="{[
 `<div class="$$collapse $$collapse-plus bg-base-200">
   <input type="radio" name="my-accordion-3" checked="checked" /> 
   <div class="$$collapse-title text-xl font-medium">
-    Click to open this one and close others
+    <Translate text="Click to open this one and close others" />
   </div>
   <div class="$$collapse-content"> 
     <p>hello</p>
@@ -194,7 +194,7 @@ data="{[
 <div class="$$collapse $$collapse-plus bg-base-200">
   <input type="radio" name="my-accordion-3" /> 
   <div class="$$collapse-title text-xl font-medium">
-    Click to open this one and close others
+    <Translate text="Click to open this one and close others" />
   </div>
   <div class="$$collapse-content"> 
     <p>hello</p>
@@ -203,7 +203,7 @@ data="{[
 <div class="$$collapse $$collapse-plus bg-base-200">
   <input type="radio" name="my-accordion-3" /> 
   <div class="$$collapse-title text-xl font-medium">
-    Click to open this one and close others
+    <Translate text="Click to open this one and close others" />
   </div>
   <div class="$$collapse-content"> 
     <p>hello</p>
@@ -217,7 +217,7 @@ data="{[
   <div class="collapse collapse-arrow join-item border border-base-300">
     <input type="radio" name="my-accordion-4" checked="checked" />
     <div class="collapse-title">
-      Click to open this one and close others
+      <Translate text="Click to open this one and close others" />
     </div>
     <div class="collapse-content">
       <p>hello</p>
@@ -226,7 +226,7 @@ data="{[
   <div class="collapse collapse-arrow join-item border border-base-300">
     <input type="radio" name="my-accordion-4" />
     <div class="collapse-title">
-      Click to open this one and close others
+      <Translate text="Click to open this one and close others" />
     </div>
     <div class="collapse-content">
       <p>hello</p>
@@ -235,7 +235,7 @@ data="{[
   <div class="collapse collapse-arrow join-item border border-base-300">
     <input type="radio" name="my-accordion-4" />
     <div class="collapse-title">
-      Click to open this one and close others
+      <Translate text="Click to open this one and close others" />
     </div>
     <div class="collapse-content">
       <p>hello</p>
@@ -247,7 +247,7 @@ data="{[
   <div class="$$collapse $$collapse-arrow $$join-item border border-base-300">
     <input type="radio" name="my-accordion-4" checked="checked" /> 
     <div class="$$collapse-title text-xl font-medium">
-      Click to open this one and close others
+      <Translate text="Click to open this one and close others" />
     </div>
     <div class="$$collapse-content"> 
       <p>hello</p>
@@ -256,7 +256,7 @@ data="{[
   <div class="$$collapse $$collapse-arrow $$join-item border border-base-300">
     <input type="radio" name="my-accordion-4" /> 
     <div class="$$collapse-title text-xl font-medium">
-      Click to open this one and close others
+      <Translate text="Click to open this one and close others" />
     </div>
     <div class="$$collapse-content"> 
       <p>hello</p>
@@ -265,7 +265,7 @@ data="{[
   <div class="$$collapse $$collapse-arrow $$join-item border border-base-300">
     <input type="radio" name="my-accordion-4" /> 
     <div class="$$collapse-title text-xl font-medium">
-      Click to open this one and close others
+      <Translate text="Click to open this one and close others" />
     </div>
     <div class="$$collapse-content"> 
       <p>hello</p>

diff --git a/src/docs/src/translation/id.json b/src/docs/src/translation/id.json
@@ -399,5 +399,12 @@
   "Learn more about colors": "Pelajari lebih lanjut tentang warna",
   "Get started": "mulai sekarang",
   "daisyUI 3.0 is available now!": "daisyUI 3.0 sudah tersedia!",
+  "Accordion is used for showing and hiding content but only one item can stay open at a time.": "Accordion digunakan untuk menampilkan dan menyembunyikan konten tetapi hanya satu item yang bisa terbuka dalam satu waktu.",
+  "Accordion uses the same style as the <a href='/components/collapse/' class='link'>collapse component</a> but it works with radio inputs. You can control which item to be open by checking/unchecking the hidden radio input.": "Accordion menggunakan style yang sama seperti <a href='/components/collapse/' class='link'>komponen collapse</a> tetapi ini bekerja dengan radio input. Anda dapat mengontrol item mana yang dibuka dengan cara centang/hapus centang radio input yang tersembunyi.",
+  "Click to open this one and close others": "Klik untuk membuka bagian ini dan menutup yang lainnya",
+  "Using Accordion and Join together": "Menggunakan Accordion dan Join bersamaan",
+  "All radio inputs with the same name work together and only one of them can be open at a time. If you have more than one set of accordion items on a page, use different names for the radio inputs on each set.": "Semua radio input dengan nama yang sama berfungsi bersama dan hanya ada satu yang bisa dibuka dalam satu waktu. Apabila Anda memiliki lebih dari satu set accordion item pada satu halaman, gunakan nama yang berbeda untuk radio input pada setiap set.",
+  "Browser mockup shows a box that looks like a browser window.": "Browser mockup menampilkan sebuah kotak yang terlihat seperti jendela browser.",
+  "Join is a container for grouping multiple items, it can be used to group buttons, inputs, or any other element. Join applies border radius to the first and last item. Join can be used to create a horizontal or vertical list of items.": "Join merupakan kontainer untuk menyatukan banyak item dalam satu grup, bisa digunakan untuk grup button, input, atau elemen lainnya. Join menerapkan border radius pada item pertama dan terakhir. Join dapat digunakan untuk membuat daftar item horizontal dan vertikal.",
   "": ""
 }