Vendure Admin UI

This is the administration interface for Vendure.

It is an Angular application built with the Angular CLI.

The UI is powered by the Clarity Design System.

GraphQL & Typings

apollo-codegen is used to automatically create TypeScript interfaces for all GraphQL queries used in the application.

All queries should be located in the ./src/app/data/queries directory.

Run yarn generate-gql-types to generate TypeScript interfaces based on these queries. The generated types are located at ./src/app/data/types/gql-generated-types.ts.

Localization of UI strings is handled by ngx-translate. The translation strings should use the ICU MessageFormat.

Translation keys are automatically extracted by running:

yarn extract-translations

This will add any new translation keys to the default language file located in ./src/i18n-messages/en.json.

From this master translation file, other language versions can be created by copying and updating the values for the new language.