Quick Start

Install

pnpm add @ptahjs/ui-vue

Register Resources

import { createApp } from 'vue';
import { createPtah, WebRenderer } from '@ptahjs/ui-vue';

createApp(App).use(createPtah({
    id: 've1',
    renderer: WebRenderer,
    modules: moduleTree,
    sceneConfig: sceneSchema,
    parameterComponents: editors,
}));

Preview a Schema

const runtime = useRuntimeApp({ id: 've1' });
runtime.schema(pageJson);

Open the Designer

const runtime = useDesignerApp({ id: 've1' });
runtime.designer.addScene({ props: { title: 'Page 1' } });

Next

• Read Creating an Application
• Read Create a Module
• Read API Reference