Untitled

<template>
  <div>
    <DataDownloadButton :data="tableData" :headers="tableHeaders" />
  </div>
</template>

<script>
import DataDownloadButton from './DataDownloadButton.vue';

export default {
  components: {
    DataDownloadButton
  },
  data() {
    return {
      tableData: [
        { name: 'John', age: 30, city: 'New York' },
        { name: 'Jane', age: 25, city: 'Los Angeles' }
      ],
      tableHeaders: ['name', 'age', 'city']
    };
  }
};
</script>