Páginas estáticas

AlpopStaticNavbarPage e AlpopStaticSidebarPage são cascas em branco para páginas estáticas ou públicas que precisam da navegação visual da AlpopUI, mas não precisam de uma tela de produto seccionada.

Ambas são desacopladas do router. A navegação superior emite navbar-select; a variante com sidebar emite sidebar-select e update:activeSidebarItem. O conteúdo da página é sempre o slot padrão.

Com navbar

Use AlpopStaticNavbarPage quando a tela precisa apenas da barra superior e de uma área de conteúdo livre.

Conteúdo estático

Use este espaço para páginas institucionais, termos ou fluxos públicos simples.

alpop-static-navbar-page(
  :navbar-items="navbarItems",
  :notifications="notifications",
  :unread-count="unreadCount",
  @navbar-select="goTo",
  @notification-select="openNotification"
)
  template(#brand)
    alpop-logo(:height="28")
  template(#user-area)
    alpop-profile-menu(:name="user.name", :email="user.email", :items="profileItems")

  section
    h1 Termos de uso
    p ...

Com sidebar e navbar

Use AlpopStaticSidebarPage quando a página estática precisa de uma navegação lateral simples, como índice de termos, documentação interna ou páginas públicas com seções. Em desktop, a sidebar segue o padrão das telas Alpop: botão de recolher, menu em modo ícone e persistência opcional via persistKey.

Termos

O app consumidor decide qual conteúdo renderizar para a seção ativa.

alpop-static-sidebar-page(
  :navbar-items="navbarItems",
  :sidebar-items="sidebarItems",
  :notifications="notifications",
  :unread-count="unreadCount",
  v-model:active-sidebar-item="activeSidebarItem",
  persist-key="terms:sidebar",
  @navbar-select="goTo",
  @notification-select="openNotification",
  @sidebar-select="selectSection"
)
  template(#brand)
    alpop-logo(:height="28")
  template(#user-area)
    alpop-profile-menu(:name="user.name", :email="user.email", :items="profileItems")

  component(:is="currentSection")

Props

Componente	Prop	Tipo	Padrão	Descrição
Ambos	navbarItems	Array	[]	Itens do AlpopNavbar
Ambos	notifications	Array	undefined	Notificações para o sino padrão da navbar
Ambos	unreadCount	Number	0	Quantidade exibida no badge do sino
Ambos	signInLabel	String	undefined	Rótulo do botão entrar da navbar
Ambos	signUpLabel	String	undefined	Rótulo do botão cadastrar da navbar
AlpopStaticSidebarPage	sidebarItems	Array	[]	Itens do AlpopMenu lateral
AlpopStaticSidebarPage	activeSidebarItem	String	null	Chave ativa da sidebar (v-model)
AlpopStaticSidebarPage	collapseLabel	String	tradução	Rótulo do botão de recolher
AlpopStaticSidebarPage	persistKey	String	null	Chave de localStorage para persistir o recolhimento

Slots

Slot	Componente	Descrição
default	Ambos	Conteúdo principal da página
navbar	Ambos	Substitui a navbar inteira
brand	Ambos	Marca/logo dentro da navbar padrão
user-area	Ambos	Área final da navbar padrão
actions	Ambos	Substitui ações públicas da navbar padrão
sidebar	AlpopStaticSidebarPage	Substitui o menu lateral padrão

Eventos

Evento	Componente	Payload
navbar-select	Ambos	item da navbar
notification-select	Ambos	item de notificação
notification-open	Ambos	—
notification-close	Ambos	—
notification-load-more	Ambos	—
sign-in	Ambos	—
sign-up	Ambos	—
update:activeSidebarItem	AlpopStaticSidebarPage	key
sidebar-select	AlpopStaticSidebarPage	item da sidebar