Next.js setup in consumer app

Update next.config.ts:

import type { NextConfig } from "next";

const nextConfig: NextConfig = {
  transpilePackages: ["vibrant-tool"]
};

export default nextConfig;

Import global styles in your app layout (app/layout.tsx):

import "vibrant-tool/styles.css";

Use the editor component:

"use client";

import { VibrantEditor } from "vibrant-tool";

export default function Page() {
  return <VibrantEditor />;
}

Exported API

• VibrantEditor
• default export: VibrantEditor