Framework Components

Vue

Integrate PichaFlow into your Vue and Nuxt applications.

The @pichaflow/vue package provides a reactive upload component.

Usage

<script setup>
import { PichaUpload } from '@pichaflow/vue';

const onUploadSuccess = (response) => {
  console.log('Uploaded:', response.url);
};
</script>

<template>
  <PichaUpload
    api-key="sk_live_..."
    :tags="['hero', 'banner']"
    @success="onUploadSuccess"
  />
</template>

Props

Prop	Type	Default	Description
`apiKey`	`string`	Required	Your PichaFlow Secret Key.
`baseUrl`	`string`	`https://api.pichaflow.com`	Optional API base URL.
`tags`	`string[]`	`[]`	Tags to apply to the upload.

Events

Event	Payload	Description
`success`	`UploadResponse`	Fired when upload completes successfully.
`error`	`any`	Fired on network or server errors.
`progress`	`number`	Fired during upload progress updates.

Edit this pageorReport an issue

Svelte

Integrate PichaFlow into your Svelte and SvelteKit applications with ease.