s5l.ru-crm/app/index.pug

//- Главный layout приложения
div(class="app" :class="{'theme-dark': theme === 'dark'}")
  header(class="header")
    nav(class="header-nav")
      div(class="header-nav-block")
        div(class="header-nav--name") {{ currentDomainSettings?.companyName || companyName }}
        div(class="header-nav--menu")
          //- Мультиуровневое меню доменов
          multilevel-menu(
            :domains="availableDomains" 
            :current-domain="currentDomain"
            @domain-changed="changeDomain"
          )
          
          //- Переключение темы
          theme-toggle(
            :theme="theme" 
            @theme-changed="toggleTheme"
          )
          
          //- Переключение языка
          language-toggle(
            :languages="languages" 
            :current-language="currentLanguage" 
            @language-changed="setLanguage"
          )
          
          //- Виджет корзины
          cart-widget(
            :items="cartItems" 
            @update-cart="updateCart"
            @go-to-cart="goToCart"
          )
  
  main(class="main-content")
    router-view(v-slot="{ Component, route }")
      transition(name="page-slide" mode="out-in")
        component(
          :is="Component"
          :key="route.fullPath"
          :domain-settings="currentDomainSettings"
          :language="currentLanguage"
        )
  
  //- Контейнер уведомлений
  notification-container(
    :notifications="notifications"
    @close-notification="closeNotification"
  )
  
  //- Индикатор загрузки
  app-loader(:loading="loading")