Admin Components

Vue reusable components

AdminApp

Shell layout for the admin area, wiring header, footer, and scroll-aware panels. /

Source: App.vue

HeaderPanel

Admin navigation rail that highlights the active page and adapts to scroll.

Props

Name	Type	Default	Required
scrollTop	`Number`	0	No

Examples

<HeaderPanel
  :scroll-top="scrollPosition"
/>

Source: HeaderPanel.vue

LangSelector

Admin dropdown wrapper around vue-select to choose available locales.

Props

Name	Type	Default	Required
valueSelected	`String`		No

Emits

Event	Value Type
triggerSelect	`string`

Examples

<LangSelector
  value-selected="fr"
  @triggerSelect="handleLocaleChange"
/>

Source: LangSelector.vue

LegalSection

Admin editor for managing multilingual legal content (TOS/EULA).

Props

Name	Type	Required
title	`String`	No
description	`String`	No
uri	`String`	No
defaultText	`String`	No

Examples

<LegalSection
  title="Terms of Service"
  description="Manage terms of service content"
  uri="terms-of-service"
  default-text="<p>Default content</p>"
/>

Source: LegalSection.vue