@ivandt/importer-vue

Vue wrapper for the @ivandt/importer web component.

Installation

npm install @ivandt/importer @ivandt/importer-vue

Usage

Basic Example

<template>
  <div style="height: 600px">
    <IvtImporter :schema="schema" />
  </div>
</template>

<script setup lang="ts">
import { IvtImporter } from '@ivandt/importer-vue';
import type { IvtSchema } from '@ivandt/importer';

const schema: IvtSchema = {
  title: 'Customer Import',
  fields: [
    {
      key: 'name',
      label: 'Full Name',
      type: 'text',
      validators: [{ type: 'required' }]
    },
    {
      key: 'email',
      label: 'Email',
      type: 'text',
      validators: [{ type: 'email' }]
    }
  ]
};
</script>

Props

| Prop | Type | Required | Description | |------|------|----------|-------------| | schema | IvtSchema | Yes | The schema configuration for your importer |

TypeScript

Import types from @ivandt/importer:

<script setup lang="ts">
import type { IvtSchema } from '@ivandt/importer';
</script>

For full Importer documentation, see the Ivandt.

License

Proprietary - See LICENSE file