1.0.20 • Published 1 year ago
@rondigital/photo-editor v1.0.20
Photo Editor
A modular photo editor component for Vue 3 and Nuxt 3.
Installation
To install the package, run the following command:
npm install photo-editor
Usage
Nuxt Plugin Setup
Register the components globally in your Nuxt app by adding them as a plugin:
import { Stage, ToolbarMain, PromptInput, PropertyPanel } from '@rondigital/photo-editor'
export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.vueApp.component('Stage', Stage)
nuxtApp.vueApp.component('ToolbarMain', ToolbarMain)
nuxtApp.vueApp.component('PromptInput', PromptInput)
nuxtApp.vueApp.component('PropertyPanel', PropertyPanel)
});
Nuxt Config
Ensure that the photo-editor package is transpiled by adding the following to your nuxt.config.ts:
build: {
transpile: ['@rondigital/photo-editor']
}
Nuxt Pages
<template>
<div class="h-[100vh] w-full flex flex-col">
<ToolbarMain />
<div class="editor-main flex flex-grow">
<PropertyPanel />
<Stage />
</div>
<PromptInput />
</div>
</template>
Props
Stage: -width: 800 -height: 600
1.0.19
1 year ago
1.0.18
1 year ago
1.0.17
1 year ago
1.0.16
1 year ago
1.0.20
1 year ago
1.0.15
1 year ago
1.0.14
1 year ago
1.0.13
1 year ago
1.0.12
1 year ago
1.0.11
1 year ago
1.0.10
1 year ago
1.0.9
1 year ago
1.0.8
1 year ago
1.0.7
1 year ago
1.0.6
1 year ago
1.0.5
1 year ago
1.0.4
1 year ago
1.0.3
1 year ago
1.0.2
1 year ago
1.0.0
1 year ago