@revenexx/cover

The Cover design system, distributed as a Nuxt layer.

Usage

// nuxt.config.ts
export default defineNuxtConfig({
  extends: ["@revenexx/cover"],
});

The consuming app must provide the modules the layer relies on: @nuxt/ui, @pinia/nuxt and @nuxtjs/i18n (register the de and en locales so the layer's messages merge).

What the layer contributes

| Area | Contents | |---|---| | app/components/ui/** | Generic UI components, auto-imported as Ui* (UiFormsPasswordInput, UiFeedbackEmptyState, UiFeedbackErrorBoundary, UiFeedbackNotFound, UiFormsCountrySelection, UiDebugPiniaStateCard, UiAppShell) | | app/config/ | themes.ts (theme definitions), palette.ts (color tokens), countries.ts | | app/composables/useThemeStore.ts | Pinia store applying Nuxt UI color tokens + --ui-radius, persisted under cover-theme | | i18n/locales/{de,en}/cover.json | Component messages, merged into the consuming app by @nuxtjs/i18n layer support |

Non-auto-imported files are reachable via package exports:

import type { Theme } from "@revenexx/cover/config/themes";

Authoring rules

• Internal imports must be relative — ~/ resolves to the consuming app's srcDir, not the layer.
• Components must not depend on app domain composables (useProducts etc.); domain-coupled components stay in their app.
• New user-visible strings go into i18n/locales/{de,en}/cover.json.