# @vimersvn/vex-template

Vimers Vex template — Angular app shell shared across CXM, Portal, Loyalty, DMS.

Provides:

- `provideVex()` Angular providers
- Layouts: apollo, ares, hermes, ikaros, poseidon, zeus
- Components: `vex-page-layout`, `vex-sidebar`, `vex-breadcrumbs`, `vex-secondary-toolbar`, `vex-progress-bar`, `vex-scrollbar`, `vex-popover`, `vex-chart`, `vex-highlight`, `vex-showdown`
- Services: `VexLayoutService`, `VexConfigService`, `VexSplashScreenService`, `VexPlatformService`, `VexDemoService`
- Animations, pipes, utilities, interfaces
- Raw SCSS at `@vimersvn/vex-template/styles/core.scss`
- Tailwind plugins at `@vimersvn/vex-template/tailwind/plugins/*`

## Install

```bash
pnpm add @vimersvn/vex-template @vimersvn/vex-theme @vimersvn/design-tokens
```

## Usage

```ts
// app.config.ts
import { provideVex } from '@vimersvn/vex-template';
import { vexConfigs } from '@vimersvn/vex-template/config/vex-configs';

export const appConfig: ApplicationConfig = {
  providers: [
    provideVex({ config: vexConfigs.apollo, availableThemes: [/* ... */] })
  ]
};
```

```scss
// styles.scss
@use '@vimersvn/vex-theme' as vimers;
@include vimers.apply();

@import '@vimersvn/vex-template/styles/core.scss';
```