AtCoderNoviSteps icon indicating copy to clipboard operation
AtCoderNoviSteps copied to clipboard

[UI] svelte-5-ui-libからFlowbite Svelteに移行しましょう

Open KATO-Hiro opened this issue 8 months ago • 0 comments

Background

  • 2025年の2月時点では、Flowbite SvelteはSvelte v5に対応しておらず、後継プロジェクトとしてsvelte-5-ui-libが指定されていた
  • 一部機能が未実装だったが、Svelte v5 の rune mode を活用するために導入

WHY

  • [https://github.com/shinokada/svelte-5-ui-lib]がFlowbite Svelteに統合されたため
  • 上記のドキュメントには明記されていないが、svelte-5-ui-lib よりFlowbite Svelte の方が安定的かつ継続してメンテナンスされる可能性が高いと思われるため
  • dropdownやtooltipsの表示位置を自力で制御するのはかなり苦痛を伴うため
    • 移行前までは安定的に動作していた
  • Copy clipboard コンポーネントが追加されたことで,開発が停止したSTW UIを剥がすことができる (Solved by #2206)
  • カンバンボードもサポートされている = 問題集のドラッグ & ドロップの実装がしやすくなる可能性が高い
    • 同一のカンバンで並び替えができるかは不明
    • https://flowbite-svelte.com/docs/extend/kanban-board

TODO

  • [ ] tailwindcss 4.x系統にアップグレード
  • [ ] 上記に関連した依存ライブラリをアップグレード
  • [ ] svelte-5-ui-lib特有の部分をFlowbite Svelteで書き直す
  • [ ] 動作確認

KATO-Hiro avatar May 17 '25 06:05 KATO-Hiro