Transit (Vue)

Description

Transit empowers applications through safer and secure storage of user-generated data

Install

To use vue-transit,

yarn add @onboardbase/vue-transit

Usage

Import the vue-transit package

import { Transit } from '@onboardbase/vue-transit'

Add your project name, distinct environment name for each request, and API Key as props

<script setup lang="ts">
import { Transit } from "@onboardbase/vue-transit";
import "@onboardbase/vue-transit/style.css";

const options = {
  // Required
  apiKey: "XXXXXX",
  environment: "new-env",
  project: "projectname",
  onSuccess: (data) => {
    console.log("success", data);
  },
  onError: (err) => {
    console.log(err);
  },

  // Optional
  hideTags: true,
  fields: [
    { name: "username", required: false },
    { name: "password" },
    { name: "providers", options: ["mongodb", "postgres", "mysql"] },
  ],
  className: { input: "", select: "", saveBtn: "" },
};
</script>

<template>
  <Transit :options="options" />
</template>