@nuxtjp/ui

日本語

Different themes, locales and read states make Japanese services harder to use and maintain. This Nuxt module provides shared components, a DADS-referenced theme and ja/en locale behavior on Nuxt UI. The application owns routes, APIs, authentication, authorization and business state.

Install and use

Install the published version identified by npm view @nuxtjp/ui version. Use Nuxt ^4.6.2, Vue ^3.5.40, and Node.js 22.19+ or 24.11+.

pnpm add @nuxtjp/ui

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@nuxtjp/ui'],
  nuxtJpUi: { locale: 'ja' }
})

<!-- app/app.vue -->
<template><NuxtJpApp><NuxtPage /></NuxtJpApp></template>

Register @nuxtjp/ui and wrap the app once with NuxtJpApp. Set nuxtJpUi.locale to ja or en. The application's app.config.ts locale and ui.colors take precedence. Lucide icons are bundled, and Nuxt UI remote font fetching is disabled. Toast time progress is hidden by default; enable toaster-progress only where needed.

Public interfaces and limits

The module supplies shared UI foundations while the application supplies domain behavior. The package exports @nuxtjp/ui and the framework-independent types/functions in @nuxtjp/ui/core; it does not expose a service or credential API. See the public API for implemented components, composables and pure functions. Nuxt UI 4.11.3 and Nuxt Icon 2.5.1 are pinned and declared as host peers for module resolution.

Projection refresh permits one callback at a time and skips ticks while pending or hidden. The returned readonly error ref exposes synchronous and Promise failures; pending reports active work. stop() and unmount clear scheduling and ignore later outcomes in these refs. The callback owns cancellation and any writes to application state.

This independent implementation is not endorsed or certified by Nuxt or the Digital Agency. It does not guarantee application-level accessibility conformance or full DADS compatibility.

Development and archive validation

pnpm install --frozen-lockfile
pnpm compliance:verify
pnpm exec playwright install --with-deps chromium
pnpm test
pnpm typecheck
pnpm build
pnpm pack --pack-destination ./artifacts

prepack repeats the existing compliance/test/type/build gates. A local archive validates packaging, not registry availability. The development guide explains archive and consumer checks. Upstream detection does not update dependencies or source.

License and attribution

The package manifest and LICENSE identify Apache-2.0. LICENSE-PREVIOUS retains the prior MIT notice; previous grants and third-party terms remain recorded in NOTICE and third-party notices. This README reorganization does not change license files or grants. DADS guidance, source and asset terms are tracked separately. Logos and official marks are not included. Reference versions and conformance status record coverage and compatibility gaps. Application-level accessibility evidence is still required.

Consumer dependency security

See dependency security backports before installing this package in a Nuxt application. pnpm consumers must explicitly apply the included backports and verify their locked dependency tree; ordinary npm installation does not apply them.

Consolidated packages

Package	Responsibility
@nuxtjp/ui	UI module and public-design profile
@nuxtjp/managed-resources	Provider-neutral resource projections
@nuxtjp/operations-console	Readiness/network observation presentation
@nuxtjp/management-layout	Explicit management application shell
@nuxtjp/dependency-security	Peer-free, explicit pnpm backport configuration and active regression checks

The dependency-security tool can be used by Nuxt 3/Vuetify or Nuxt 4 hosts without installing a different UI framework. It does not replace local source or endpoint auditing by vpremises-security.

This source pairs UI 0.2.0 with management-layout 0.5.0 using an exact UI peer. Use registry versions only after publication is independently verified. Theme v2 migration explains the removed CSS utilities and retained component baseline.

OSS responsibility and source completion defines the supported package boundary and required acceptance. It does not declare unexecuted source, distribution or production checks complete.

Dependency updates: repository policy. Registry releases: version tags and GitHub OIDC.

Vue/Vite entry and precomputed views

@nuxtjp/ui/vue exports the existing NuxtJpDataTable and NuxtJpSeriesChart. In a Vite application, configure the official @nuxt/ui/vite plugin, install @nuxt/ui/vue-plugin on the Vue application, and import Tailwind/Nuxt UI CSS as documented by Nuxt UI. This is a browser entry; it does not start a Nuxt/Nitro server.

Set interactive=false on the table when the backend already owns filtering, ordering and limits. Local search/sort is then disabled so a displayed subset cannot masquerade as a complete query. Column values are separate from row IDs and actions, including columns named id or constructor.

The chart uses Chart.js for bar/line presentation and exposes the same values as an accessible list. It accepts at most 1,000 unique finite points; missing or invalid data is not replaced with zero. Query meaning, timezone, completeness, permissions and data storage belong to the consuming product. No provider or network client is included. Instances are destroyed on update/unmount.