Nuxt auto-imports

Use board components and composables without manual imports via the Nuxt module.

Node

What happens

This is the same board model you would build in Vue, but the Nuxt module auto-imports the component and composable layer. That removes boilerplate without changing the engine surface.

The code

app.vue

nuxt.config.ts

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

app.vue

<script setup lang="ts">
const engine = createBoardEngine()
</script>

<template>
  <BoardRoot :engine="engine" style="height: 100vh" />
</template>

Try these things

Add a node from the demo toolbar.
Confirm the board works without any explicit imports in the example source.
Compare it with the Quick Start tabs.