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>