コンポーネントにいくつかの更新を行いました。元の投稿は既に更新済みですが、変更点をより詳細に説明します。
ローカライズされた文字列
バーのテキストとボタンのラベルは翻訳可能になりました。以前の bar_text および button_text 設定の代わりに、文字列は locales/en.yml に配置されています。追加のロケールは手動で追加することも、AI 翻訳を使用することもできます。
よりシンプルな非表示ロジック
クッキーベースの非表示機能を localStorage に置き換えました。キーはバーのテキスト自体から派生するため、お知らせのテキストを更新すると、以前のものを非表示にしたすべてのユーザーに対してバーが自動的に再表示されます。
レスポンシブレイアウト
flex-wrap を使用してスタイルを単一のファイルに統合しました。広い画面では、テキストとボタンがインラインで配置されます。テキストが折り返された場合、ボタンは下段に配置されます。
BEM エレメントクラス
マークアップにはすべての要素（__text、__button、__close）に BEM クラスが使用されるようになりました。これにより、テーマオーバーライドでのターゲット指定が容易になりました。