open-index/open-npm huggingface dataset:
npm package: @iterlife/theme-dark-universe
Description: IterLife shared dark universe theme foundation package.
Latest version: 0.1.0

# @iterlife/theme-dark-universe

Shared dark-universe theme foundation package for IterLife frontends.

## Installation

```bash
pnpm add @iterlife/theme-dark-universe
```

## Usage

Import the theme entry from the application bootstrap:

```ts
import '@iterlife/theme-dark-universe'
```

Enable the theme on the document root:

```ts
document.documentElement.setAttribute('data-theme', 'dark-universe')
```

Nuxt applications can register the shared CSS in `nuxt.config.ts`:

```ts
export default defineNuxtConfig({
  css: ['@iterlife/theme-dark-universe'],
})
```

For pre-release local integration across sibling repositories, consumers may
temporarily use a `file:` dependency pointing to this package directory. After
the first npm release, switch consumers back to a normal registry version.

## Package contents

- `dist/index.css`
- `dist/tokens.css`
- `dist/background.css`

## License

Apache-2.0
npm package: @iterlife/vue-copy-action
Description: IterLife shared Vue copy action button with unified copied-state feedback.
Latest version: 0.1.2

# @iterlife/vue-copy-action

Shared Vue copy action button for IterLife frontends.

## Install

```bash
pnpm add @iterlife/vue-copy-action
```

```ts
import '@iterlife/vue-copy-action/style.css';
import { CopyActionButton } from '@iterlife/vue-copy-action';
```

## Usage

```vue
<script setup lang="ts">
import { CopyActionButton } from '@iterlife/vue-copy-action';
</script>

<template>
  <CopyActionButton copy-value="hello@example.com" />
</template>
```

You can override size-related tokens per usage:

```vue
<CopyActionButton
  copy-value="hello@example.com"
  :min-height="42"
  :padding-inline="12"
  :border-radius="10"
/>
```

## Exports

- `CopyActionButton`
- `useCopyAction`
- `@iterlife/vue-copy-action/style.css`