refactor(patterns): split 7 variant-heavy patterns into framework-specific DemoSection files with shared data

[masuP9]

Summary

PR #169 (9 pattern 分割) のフォローアップ第 1 弾。残り 23 pattern のうち、共通 data の切り出しが有効な 7 pattern (accordion / listbox / radio-group / tabs / tree-view / table / treegrid) を framework 別 DemoSection に分割し、新たに {pattern}-demo-data.ts 規約を導入する。本 PR の目的は混在状態 (9 移行 + 23 legacy) の解消ロードマップを進めること。dispatcher の legacy fallback は維持し、残り 16 pattern は後続 PR-B で対応する。

なぜ全分割するか

ファイル名/ディレクトリから責務が読めることの認知負荷削減と、将来 Vue SFC を含む pattern を追加した際に legacy 形式由来の $RefreshSig$ regression に巻き込まれない予防策。Issue #170 とは独立な構造一貫性改善。

変更内容

種別	件数
新規 {pattern}-demo-data.ts	7
新規 DemoSection.{react,vue,svelte,web-component}.astro	28 (7 × 4)
削除 legacy DemoSection.astro	7
修正 CLAUDE.md (transitional 追記)	1

共通 data 切り出しルール (新規規約)

4 framework で内容が完全に同一かつ概ね 8 行以上 の純 data (配列/オブジェクトリテラル) を {pattern}-demo-data.ts に切り出す。framework 固有の prop 名変換 (Vue ariaLabel ↔ React aria-label 等) や関数 (renderCell 等) は各 DemoSection に残す。

検証

allowlist 付き probe で全 32 pattern × 4 framework × 2 locale のうち、Issue #170 関連の 9 Vue ページのみが期待 500、他は全て 200:

```bash
known_failing_vue=(alert checkbox combobox disclosure menu-button menubar slider slider-multithumb toolbar)
unexpected=0
for d in src/patterns/*/; do
p=$(basename "$d")
for fw in react vue svelte astro; do
expected=200
[ "$fw" = "vue" ] && [[ " ${known_failing_vue[@]} " =~ " $p " ]] && expected=500
actual=$(curl -s -o /dev/null -w '%{http_code}' "http://localhost:4336/apg-patterns-examples/patterns/$p/$fw/")
[ "$actual" != "$expected" ] && { echo "UNEXPECTED: $p/$fw expected=$expected got=$actual"; unexpected=$((unexpected+1)); }
done
done
echo "unexpected=$unexpected"
```

結果:
```
unexpected=0
```

• npm run lint: 0 errors (table の未使用 sortableColumns declaration 1 件減って 28 → 27 hints)
• npm run build: success (553 pages built)

Pattern 別 acceptance

pattern	注意点
tabs	3 variant の data ファイル化 (中規模代表として POC-1)
treegrid	130 行バイリンガル data (columnsEn/Ja, nodesEn/Ja) を data ファイル化 (POC-2、最大ケース)
tree-view	inline <script is:inline> (activate event handler) は DemoSection.web-component.astro 1 箇所のみに残した
accordion	3 種 items (default / multiple / disabled)
listbox	2 種 options (Vue/Svelte/Astro 共有; React 変種は wrapper component 経由で別)
radio-group	4 種 options
table	6 種 columns/rows variant + 未使用だった sortableColumns を data ファイルから除外

PR-B 予定 (本 PR merge 後)

• 残り 16 pattern (alias 7 + 中規模 7 + 大規模残り 2 [data-grid, dialog, grid]) を分割
• dispatcher (en/ja) の legacy fallback を撤去 + framework prop を削除
• docs を確定記述に (transitional 注記の削除、.internal/page-template.md 等の更新)

関連

• Issue dev: Vue pages of certain patterns return 500 ($RefreshSig$ regression in plugin-react v6 + Vite 8 + Astro 7 alpha) #170 (本 PR とは独立な dev 限定 Vue ページ regression、本 PR で解消しないことを明記)
• PR fix(dev): split DemoSection.astro per-framework to avoid plugin-react v6 $RefreshSig$ regression #169 (前段の 9 pattern 分割、本 PR でフォロー)

Test plan

• dev で /patterns/{tabs,treegrid,accordion,listbox,radio-group,tree-view,table}/{react,vue,svelte,astro}/ (en/ja 計 56 ページ) が 200
• dev で legacy 16 pattern が引き続き fallback 経由で 200 (Issue dev: Vue pages of certain patterns return 500 ($RefreshSig$ regression in plugin-react v6 + Vite 8 + Astro 7 alpha) #170 の 9 Vue ページを除く)
• CI green (preview ベース、全 framework E2E pass 想定)
• CLAUDE.md の transitional 注記が現状を反映

🤖 Generated with Claude Code

[cloudflare-workers-and-pages]

Deploying apg-patterns-examples with    Cloudflare Pages

Latest commit:	16f4caf
Status:	✅  Deploy successful!
Preview URL:	https://6e600875.apg-patterns-examples.pages.dev
Branch Preview URL:	https://refactor-demo-section-split.apg-patterns-examples.pages.dev

View logs