(() => {
  // 공통 하단에 필요한 스크립트를 추가하세요.
  const { EventManager } = ShopbySkin;
  const headerEl = document.querySelector('shopby-header-v2');
  const footerEl = document.querySelector('shopby-footer-v2');


  const initialize = async () => {
    const headerData = await headerEl.store.getState();
    const footerData = await footerEl.store.getState();

    //footer 에 header 로고 관련 데이터 추가
    if (headerData && footerData) {
      const newFooterData = footerEl.store.setState({
        ...footerData,
        getHeadLogo: {
          visibleLogo: headerData.visibleLogo,
          logo: headerData.logo,
        }
      })

      footerEl.updateSlot(newFooterData, 'footer-logo');
    }
  }

  EventManager.on('PAGE_LOAD_COMPLETED', () => {
    initialize();
  });
})();