Installation

Install the smallest Nuxt Board package set for Vue or Nuxt.

Use a coding agent

A coding agent is a development tool that can inspect and change your project.

Copy this task prompt into your application agent:

Use the installed Nuxt Board packages to implement my requested feature.
Read the application's instructions first. Resolve @lupinum/board-core/agent-docs
and each installed Board package’s agent-docs entry from this application
directory. Read the relevant local pages.
Preserve the existing AGENTS.md. If it has no equivalent guidance, append
one short note to resolve installed package docs before integration work
and after dependency changes. Do not install a consumer skill.
Check the completed feature using this project's normal commands.

The installed documentation matches the package version. If an older version has no documentation export, use its README, types and matching release docs.

Vue

bash

pnpm add @lupinum/board-core @lupinum/vue-board

Import the stylesheet once in the application entry or root component:

import '@lupinum/vue-board/style.css'

Nuxt Board requires Vue 3.5 and Node 20.19 or newer for the supported toolchain.

Nuxt

bash

pnpm add @lupinum/nuxt-board @lupinum/board-core @lupinum/vue-board

export default defineNuxtConfig({
  modules: ['@lupinum/nuxt-board'],
})

The module registers styles and optional component/composable auto-imports. It owns no board behavior.

Vue and Nuxt use the same engine. For SSR, use deterministic IDs and complete initial records; do not create random initial nodes during hydration. Browser-only measurements remain session state and are populated after mount.

Optional packages

bash

pnpm add @lupinum/board-connections @lupinum/board-history

Import the minimap from @lupinum/vue-board/minimap; it is a subpath, not a separate package.

Install optional packages only when the product needs their capability. Continue with Your first board.