@1001-digital/layers

A monorepo containing composable Nuxt layers, a shared component library, and a CSS design token system for building modern web applications.

Packages

Package	Description
@1001-digital/layers.base	Foundation layer with accessible UI components and design tokens
@1001-digital/layers.prose	Typography and content styling for documentation and content-driven sites
@1001-digital/layers.evm	Ethereum/Web3 integration for building decentralized applications
@1001-digital/components	Shared Vue component library (Reka UI)
@1001-digital/styles	Shared CSS framework and design tokens

Layer Inheritance

evm ──extends──> base
prose ─extends─> base

Both layers consume shared packages:

layers.base ─> @1001-digital/components + @1001-digital/styles
layers.evm ──> @1001-digital/components

Installation

pnpm add @1001-digital/layers.base
# or
pnpm add @1001-digital/layers.prose
# or
pnpm add @1001-digital/layers.evm

Usage

Extend a layer in your nuxt.config.ts:

export default defineNuxtConfig({
  extends: ['@1001-digital/layers.base'],
})

Development

# Install dependencies
pnpm install

# Format code
pnpm format

Each layer has its own playground. Run commands from within the package directory:

cd packages/layers.base
pnpm dev:prepare  # Prepare Nuxt types
pnpm dev          # Start playground dev server
pnpm build        # Build playground

Code Style

• TypeScript
• Single quotes, no semicolons
• Component files match their full generated name (e.g., BaseFooButton.vue)

License

MIT