@adminlte/nuxt

@adminlte/nuxt

The Nuxt module for adminlte-vue. Auto-registers all components, auto-imports the composables, injects the CSS, initializes Bootstrap's JS client-side, and sets up SSR-safe dark mode (no flash).

Install

npm i @adminlte/nuxt @adminlte/vue bootstrap

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@adminlte/nuxt'],
  adminlte: {
    defaults: {
      sidebarTheme: 'dark',
      fixedHeader: true,
      fixedSidebar: true,
      initialColorMode: 'auto',
      enableSidebarPersistence: false,
    },
  },
  // icons + sidebar scrollbar CSS the library doesn't bundle
  css: ['bootstrap-icons/font/bootstrap-icons.css', 'overlayscrollbars/overlayscrollbars.css'],
})

Components (<LteDashboardLayout>, <LteCard>, …) and composables (useSidebar, useColorMode, …) are then available everywhere without imports. Read the layout defaults at runtime with useAdminlteConfig().

Options

How SSR-safe theming works

A small blocking inline <head> script reads localStorage['lte-theme'] (falling back to the OS preference) and sets data-bs-theme on <html> before the page paints — so dark-mode users never see a white flash. The useColorMode composable owns reactive updates after hydration.

MIT licensed.