Vue 3 composables for client-side cryptography — key generation, encryption, signing, and hashing with reactive state.
Getting started
The Crypto Service ecosystem
Package reference
Operational
pnpm add @sebastienrousseau/crypto-vue
# or
npm install @sebastienrousseau/crypto-vue
# or
yarn add @sebastienrousseau/crypto-vue
^22.0.0 or >=24.0.0 (active and maintenance LTS releases)pnpm >=9 (recommended) or npm >=10>=5.0 (when compiling with TypeScript)<script setup lang="ts">
import { useKeypair } from "@sebastienrousseau/crypto-vue";
const { publicKey, privateKey, generate, isGenerating } = useKeypair();
</script>
<template>
<button @click="generate('ed25519')" :disabled="isGenerating">
Generate Key Pair
</button>
<pre v-if="publicKey">{{ publicKey }}</pre>
</template>
Crypto Service provides a complete cryptography stack across 14 specialized packages:
| Package | Role | Description |
|---|---|---|
@sebastienrousseau/crypto-api |
API Schemas | Shared TypeScript types and utilities for the Crypto Service Suite, defining the canonical API surface. |
@sebastienrousseau/crypto-cli |
Terminal CLI | An interactive command-line interface for cryptographic operations, supporting both legacy OpenPGP and modern post-quantum algorithms. |
@sebastienrousseau/crypto-edge |
Edge Runtime | Edge-runtime cryptographic operations using the Web Crypto API, optimized for Cloudflare Workers, Vercel Edge, and Deno. |
@sebastienrousseau/crypto-kms |
Cloud KMS | Unified Key Management Service interface for AWS KMS, GCP Cloud KMS, Azure Key Vault, and HashiCorp Vault. |
@sebastienrousseau/crypto-lib |
Core Library | A modern cryptographic library for TypeScript, with post-quantum support, zero unsafe dependencies, and 100% test coverage. |
@sebastienrousseau/crypto-middleware |
Middleware | Framework-agnostic cryptographic middleware for Express, Fastify, and Koa applications. |
@sebastienrousseau/crypto-prisma |
ORM Adapter | Transparent field-level encryption extension for Prisma Client, powered by AES-256-GCM. |
@sebastienrousseau/crypto-react |
React Hooks | React hooks and context provider for client-side cryptographic operations with zero boilerplate. |
@sebastienrousseau/crypto-sdk |
Client SDK | A zero-dependency, typed HTTP client for the Crypto Service REST API, with full post-quantum support. |
@sebastienrousseau/crypto-server |
HTTP API | A hardened Fastify REST API for cryptographic operations, with rate limiting, OpenAPI schemas, and post-quantum endpoints. |
@sebastienrousseau/crypto-testing |
Test Support | Deterministic keys, fast mocks, and test fixtures for crypto-lib |
@sebastienrousseau/crypto-typeorm |
ORM Adapter | TypeORM column-level encryption with a single decorator, powered by crypto-lib. |
@sebastienrousseau/crypto-vue (this package) |
Vue Composables | Vue 3 composables for client-side cryptography |
@sebastienrousseau/crypto-wasm |
Acceleration | WebAssembly performance accelerator for crypto-lib |
crypto-vue provides Vue 3 composables for client-side cryptographic
operations. It wraps @sebastienrousseau/crypto-lib in a reactive
API with composables for key generation, symmetric encryption,
hashing, and digital signatures. An optional CryptoPlugin supplies
global configuration (default key, server URL, API key) via Vue's
provide/inject system.
An optional Vue plugin that provides global configuration to all
composables via inject/provide.
// main.ts
import { createApp } from "vue";
import { CryptoPlugin } from "@sebastienrousseau/crypto-vue";
import App from "./App.vue";
const app = createApp(App);
app.use(CryptoPlugin, {
defaultKey: "your-256-bit-hex-key",
serverUrl: "https://api.example.com",
apiKey: "your-api-key",
});
app.mount("#app");
| Option | Type | Description |
|---|---|---|
defaultKey |
string |
Default encryption key (256-bit hex string) |
serverUrl |
string |
Base URL for the Crypto Service REST API |
apiKey |
string |
API key for authenticated server requests |
useKeypair()Reactive key pair generation for any supported algorithm.
Supported algorithms: ed25519, x25519, ed448, x448,
p256, p384, ml-kem-512, ml-kem-768, ml-kem-1024,
ml-dsa-44, ml-dsa-65, ml-dsa-87
useEncrypt()Symmetric encryption and decryption using XChaCha20-Poly1305 (secretbox).
useHash()Cryptographic hashing with multiple algorithms.
Supported algorithms: sha256, sha384, sha512, sha3-256,
sha3-512, blake2b, blake3
useSignature()Digital signature creation and verification.
Supported algorithms: ed25519, ed448, ecdsa-p256,
ecdsa-p384, schnorr, ml-dsa-44, ml-dsa-65, ml-dsa-87
All examples are self-contained TypeScript files in the examples/
directory. Run any example with:
npx ts-node examples/<name>.ts
| Category | Example | Purpose |
|---|---|---|
| Plugin | plugin.ts | CryptoPlugin setup and injection |
| Key Generation | keygen.ts | Generate Ed25519 and ML-DSA-65 key pairs |
| Encryption | encrypt.ts | Secretbox encrypt and decrypt round-trip |
| Hashing | hash.ts | SHA-256, SHA3-256, and BLAKE3 hashing |
| Signing | sign.ts | Ed25519 sign and verify with tamper detection |
pnpm --filter @sebastienrousseau/crypto-vue run build
pnpm --filter @sebastienrousseau/crypto-vue run test
pnpm --filter @sebastienrousseau/crypto-vue run lint
pnpm --filter @sebastienrousseau/crypto-vue run format
All 14 packages in the Crypto Service workspace maintain a 100% coverage floor across statements, branches, functions, and lines.
Report vulnerabilities privately via GitHub Security Advisories or according to SECURITY.md. Never report security issues publicly.
All cryptographic operations leverage audited primitives, enforce constant-time execution where applicable, and zero sensitive key material upon disposal.
Versions advance strictly one step at a time on the 0.0.x line (v0.0.1 → v0.0.2 → v0.0.3 ... → v0.0.999 → v0.1.0). Work for every release iteration begins on a dedicated feat/v<version> branch.
All 14 packages in the workspace move in lockstep. Public API signatures, cipher output formats, and serialization schemas are strictly versioned. Breaking changes to serialized formats or algorithm defaults are considered major breaking changes. Minimum toolchain upgrades (e.g. Node.js LTS floor) are governed by POLICIES.md.
Dual-licensed under Apache 2.0 or MIT, at your option.
Copyright (c) 2022-2026 Sebastien Rousseau and The Crypto Service Suite contributors.