Nuxt Component Viewer

Simple and fully dynamic single file alternative to Storyboard for Nuxt, accessable via /_components.

Demo: https://stackblitz.com/edit/nuxt-starter-uotxqv

Note: Experimental status.

screenshot-1

screenshot-2

Features

pnpm dlx nuxi@latest init nuxt-project
cd nuxt-project

pnpm install
pnpm add --save-dev @nuxtjs/tailwindcss

export default defineNuxtConfig({
  devtools: { enabled: true },
  modules: [
    "@nuxtjs/tailwindcss",
  ],
})

<template>
  <div>
    <NuxtLayout>
      <NuxtPage  />
    </NuxtLayout>
  </div>
</template>

<template>
    <div>
        <NuxtLink to="/_components/">Go to ComponentViewer</NuxtLink>
    </div>
</template>

<template>
    <div>
      <slot />
    </div>
  </template>

<template>
    <button class="bg-blue-400 p-4 py-2 text-white rounded-xl">A nice button</button>
</template>

pnpm run dev