Not working on vue 3

[tihiyandrey]

Do you support vue 3?

[tihiyandrey]

Do you support vue 3?

Vue 3 need to use app.component('DownloadCsv', JsonCSV), right?
But it not working in the template

[zero0011]

I tried it and found it could run. Maybe you make a mistake in some way

[ivandejesus]

is this working on vue3? tried to implement it but its not working. thank you

[daniel-alba17]

Still not working on Vue3

[ivandejesus]

hi @daniel-alba17 , I think it's working. They just don't have a proper documentation on how to implement it. Try this one

@main.js --
import JsonCSV from 'vue-json-csv'
app.use(JsonCSV)

@"to use on your component"
import JsonCSV from 'vue-json-csv'
components: { JsonCSV }

@rendering on DOM
<JsonCSV
:data = csvData
name = "export.csv"

Hope it works.

[Troyhy]

No luck with Vue3.
"Uncaught TypeError: currentRenderingInstance is null" and similar errors trying different approaches.

Edit:
I copied the JsonCSV.vue file locally to the project and it is working as expected on Vue3 setup

[juanbrujo]

This finally worked:

<template>
  <JsonCSV :data="jsonData" :labels="'labels'">
    Download CSV file
  </JsonCSV>
</template>

<script lang="ts">
import JsonCSV from 'vue-json-csv'
export default {
  components: {
    JsonCSV
  }
}
...
</script>

[tlarnold10]

@juanbrujo this is the same thing I had to do in order for this to work on Vue 2.