@revenexx/cover

Cover — revenexx design system for Nuxt. Distributed as a Nuxt layer: generic UI components, theming tokens and stores shared by the demo shop, custom storefronts and the Blokkli theme.
15,376
Install
npm install @revenexx/cover
Latest Version:0.19.0
Vue:3
License:MIT
Last Updated:Oct 18, 2026
Links: npm

@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.

Related Packages

@northwestu/nuxt-nu-design-kit

Northwest University marketing design system as a Nuxt 4 layer — tokens, CSS com...

192
@happydesigns/ui

A reusable Nuxt foundation for content-driven happydesigns websites and applicat...

3,059 1
@xenterprises/nuxt-x-cards

A premium card component library for Nuxt 4 with cinematic image filters, warm s...

2,272
@thespielplatz/tsp-tools-theme

tsp.tools design-system theme as a Nuxt layer (Nuxt UI v4 + Tailwind v4): amber-...

3,240
@titancasket/component-library

Titan Casket Vue 3 component library with design system - usable as Nuxt layer o...

8,141

Version History

Version Released License
0.19.0 MIT
0.18.0 MIT
0.17.0 MIT
0.16.0 MIT
0.15.0 MIT