npm install @xenterprises/nuxt-x-app

// nuxt.config.ts
export default defineNuxtConfig({
  extends: ["@xenterprises/nuxt-x-app"],
})

// app/app.config.ts
export default defineAppConfig({
  xDashboard: {
    navigation: {
      mode: "sidebar",
      sidebar: {
        collapsible: true,
        brand: { title: "My App", logo: "/logo.svg" },
        items: [
          { label: "Dashboard", icon: "i-lucide-layout-dashboard", to: "/" },
          { label: "Users", icon: "i-lucide-users", to: "/users" },
        ],
      },
    },
    header: {
      search: { enabled: true, shortcut: "meta+k" },
    },
  },
})

<script setup lang="ts">
const { data, loading, remove } = useXCrud<User>("users").all()
const { success } = useXToast()

async function deleteUser(id: string | number) {
  await remove(id)
  success("User deleted")
}
</script>

<template>
  <XATable :data="data" :loading="loading" @delete="deleteUser" />
</template>

package: "@xenterprises/nuxt-x-app"
type: nuxt-layer
version: "0.6.0"
use-when: >
  Starting a new Nuxt admin dashboard or SaaS app. Extend this layer to gain
  149 auto-imported XA-prefixed components, 15 auto-imported composables, and
  a pre-configured app shell — replacing weeks of boilerplate with a single
  layer extension.
key-composables: [useXCrud, useXFetch, useXToast, useXNotifications, useXKanban, useDataTable, useBreadcrumb, useColumns, useConfirm]
key-components: [XATable, XAKanban, XALayout, XADetailPanel, XAEmailComposer, XAWorkflowApproval]
component-count: 149
category-count: 28
auto-import-prefix: XA