Below is some sample Vue.js code to get you started with our CSV Importer. Be sure to insert your own Organization’s API key and an Importer ID from your account. You can find them on the Importers page of your account.

<script>
  import FuseImporter from "fuse-importer";

  export default {
    data() {
      return {};
    },
    methods: {
      showImporter() {
        const importer = new FuseImporter();

        importer.getSessionToken = ... // see https://fuse-docs.flatirons.com/getting-started/sessions

        importer.onSubmit = async (records) => {
          return {
            message: "Data imported successfully",
            errors: {},
          };
        };

        importer.onValidateRecord = async (record) => {
          return { errors: {}, warnings: {} };
        };

        importer.show();
      },
    },
  };
</script>
<template>
  <button @click="showImporter()">Show Importer</button>
</template>

<style></style>
React CSV ImporterTranslations (i18n)