컴포넌트에 몇 가지 업데이트를 적용했습니다. 원본 게시물도 이미 수정해 두었지만, 변경 사항을 좀 더 자세히 설명드리겠습니다:
로컬라이즈된 문자열
바 텍스트와 버튼 라벨이 이제 번역 가능합니다. 기존 bar_text와 button_text 설정 대신, 문자열은 locales/en.yml에 저장됩니다. 추가 로케일은 수동으로 추가하거나 AI 번역을 활용할 수 있습니다.
더 간단한 닫기 로직
쿠키 기반의 닫기 기능을 localStorage로 대체했습니다. 키는 바 텍스트 자체에서 파생되므로, 공지 텍스트를 업데이트하면 이전 텍스트를 닫았던 사용자에게 바가 자동으로 다시 표시됩니다.
반응형 레이아웃
스타일을 flex-wrap을 사용하여 단일 파일로 통합했습니다. 넓은 화면에서는 텍스트와 버튼이 인라인으로 나란히 배치되고, 텍스트가 줄바꿈되면 버튼이 아래로 이동합니다.
BEM 요소 클래스
마크업이 이제 모든 요소에 BEM 클래스(__text, __button, __close)를 사용하므로, 테마 오버라이드에서 특정 요소를 지정하기가 더 쉬워졌습니다.