@riebeckite/plugin-code-tabs 0.0.31 → 0.0.33

package/README.md

@@ -46,6 +46,18 @@ console.log("Hello");
 
 Regular code blocks without `tab="..."` are not changed.
 
+## Live example
+
+The two adjacent blocks below form one tab group.
+
+~~~ts tab="TypeScript"
+const greeting: string = "Hello";
+~~~
+
+~~~js tab="JavaScript"
+const greeting = "Hello";
+~~~
+
 ## Grouping rules
 
 Adjacent `tab="..."` code blocks become one group. Any other content ends the

package/README_ja.md

@@ -32,7 +32,19 @@ console.log("Hello");
 ```
 ````
 
-`tab` を持つコードブロックが連続している間だけ、一つのタブグループになります。段落、見出し、画像などが間に入ると別のグループです。`tab` のないコードブロックは変更しません。
+`tab` を持つコードブロックが連続している間だけ、1 つのタブグループになります。段落、見出し、画像などが間に入ると別のグループです。`tab` のないコードブロックは変更しません。
+
+## 実行例
+
+隣接する次の 2 つのブロックは、1 つのタブグループになります。
+
+~~~ts tab="TypeScript"
+const greeting: string = "Hello";
+~~~
+
+~~~js tab="JavaScript"
+const greeting = "Hello";
+~~~
 
 ## オプションとアクセシビリティ
 
@@ -47,7 +59,7 @@ console.log("Hello");
 ## 公開 API
 
 - `codeTabs(options?)`：プラグインファクトリ
-- `rehypeCodeTabs(options?)`：Rehype 変換
+- `rehypeCodeTabs(options?)`：rehype 変換
 - `initCodeTabs(options?)`：ブラウザ初期化関数
 - `CodeTabsOptions`、`CodeTabsClientOptions`：型
 

package/dist/index.js

@@ -118,7 +118,8 @@ function buildTabGroup(group, options, groupId) {
             ariaLabelledBy: `${groupId}-tab-${index}`,
             dataCodeTabsPanel: "true",
             dataCodeTabsLabel: tab.label,
-            dataActive: index === 0 ? "true" : "false"
+            dataActive: index === 0 ? "true" : "false",
+            hidden: index !== 0
           },
           [tab.node]
         )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/plugin-code-tabs",
-  "version": "0.0.31",
+  "version": "0.0.33",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -21,7 +21,7 @@
     "./style.css": "./style.css"
   },
   "dependencies": {
-    "@riebeckite/core": "0.0.31"
+    "@riebeckite/core": "0.0.33"
   },
   "publishConfig": {
     "access": "public"