MkCodeのパースエンジンをShikiに変更

[kakkokari-gtyih]

What

• MkCodeのパースにShikiを使用するように変更
• MkCodeのインライン時はパースしないように変更（重いので）
• AiScriptの言語シンタックスを追加、ハイライト可能に
• スクラッチパッドのコードエディタもShikiでハイライトするように

Why

Fix #12054

• AiScriptのハイライティングに対応
• その他の言語のハイライティングに正確に対応（VSCodeと同じパースエンジンのため正確にパースできる）

Additional info (optional)

• 処理が重い
• 処理が重いので表示までに時間がかかる（MkLoadingを入れている）

Checklist

• Read the contribution guide
• Test working in a local environment
• (If needed) Add story of storybook
• (If needed) Update CHANGELOG.md
• (If possible) Add tests

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (feedad7) 78.94% compared to head (a55cf21) 78.96%.

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #12102      +/-   ##
===========================================
+ Coverage    78.94%   78.96%   +0.01%     
===========================================
  Files          175      175              
  Lines        22877    22896      +19     
  Branches       493      493              
===========================================
+ Hits         18060    18079      +19     
  Misses        4817     4817              

Files	Coverage Δ
packages/frontend/src/components/MkCode.vue	100.00% <100.00%> (ø)

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[kakkokari-gtyih]

パフォーマンス改善してくださるかた募集中

[kakkokari-gtyih]

実装自体は完了しているけど、パフォーマンスが悪いので改善募集中です🙏

[syuilo]

どの時点のパフォーマンスが悪いのかしら
Shiki読み込み時？ パース時？ コンポーネントレンダリング時？

[kakkokari-gtyih]

初回の読み込み時が遅いのと、パースの時も若干重い感じがあったので

[kakkokari-gtyih]

コードエディタをShikiで仮実装

[github-actions]

このPRによるapi.jsonの差分

差分はこちら

Get diff files from Workflow Page

[kakkokari-gtyih]

実装自体は完了しているけど、パフォーマンスが悪いので改善募集中です🙏

（よほどの低スペックPCでなければ問題ない気がするのでもうこのまま行ってもいいんじゃないかと思っている）

[syuilo]

👍👍