Guide

Nuxt Setup

Use the Nuxt module for automatic plugin setup and i18n merge.

Module

The Nuxt module transpiles the package, registers a universal plugin, installs Nmorph into the Vue app during SSR and on the client, and merges Nmorph messages into an existing Nuxt i18n instance when it is present.

export default defineNuxtConfig({ modules: ["@nmorph/nmorph-ui-kit/nuxt"], nmorph: { styles: "all", }, });

Styles option

Set `nmorph.styles` to `"all"` when you want Nuxt to add the full library stylesheet to `nuxt.options.css`. Leave it as `false` when you prefer component-level CSS imports.

SSR behavior

Static component markup renders on the server. Browser-only effects such as writing theme variables to `document`, reading `localStorage`, measuring element coordinates, and reacting to viewport changes are delayed until the client. Use Nuxt's `ClientOnly` only for examples that intentionally depend on open overlays or browser-only state.

Resolution is not supported

Open the documentation on a device with a screen size of at least 375px by 640px.