feat(nuxt): add json2csv vue composables

packages/nuxt/src/runtime/modules/json2csv/composables/setResponseCsv.ts → packages/nuxt/src/runtime/modules/json2csv/composables/server/setResponseCsv.ts

@@ -1,5 +1,5 @@
 import { send, setResponseHeader } from 'h3'
-import type { SetResponseCsv } from '../types'
+import type { SetResponseCsv } from '../../types'
 
 export async function setResponseCsv(data: SetResponseCsv) {
   const date = new Date()

packages/nuxt/src/runtime/modules/json2csv/composables/useNitroJson2CSV.ts → packages/nuxt/src/runtime/modules/json2csv/composables/server/useNitroJson2CSV.ts

@@ -1,7 +1,7 @@
 import { AsyncParser } from '@json2csv/node'
 
-import type { PartinalKey } from '../../../core/types'
-import type { CsvNodeOpts, NodeJsonParameters, SetResponseCsv } from '../types'
+import type { PartinalKey } from '../../../../core/types'
+import type { CsvNodeOpts, NodeJsonParameters, SetResponseCsv } from '../../types'
 import { setResponseCsv } from './setResponseCsv'
 
 async function nodeCSV(value: NodeJsonParameters) {

packages/nuxt/src/runtime/modules/json2csv/composables/vue/download.ts

@@ -0,0 +1,37 @@
+/**
+ * @example
+ * ```ts
+ * await useFetch('/api/csvDownload', {
+    method: 'get',
+    onResponse({ response }) {
+      download(response._data, 'form.csv')
+    },
+  })
+ * ```
+ * @param data
+ * @param filename
+ */
+function download(data: any, filename: string) {
+  const defaultMimeType = 'application/octet-stream'
+  const blob = new Blob([data], { type: defaultMimeType })
+  const blobURL = window.URL.createObjectURL(blob)
+
+  const tempLink = document.createElement('a')
+  tempLink.style.display = 'none'
+  tempLink.href = blobURL
+  tempLink.setAttribute('download', filename)
+
+  if (typeof tempLink.download === 'undefined')
+    tempLink.setAttribute('target', '_blank')
+
+  document.body.appendChild(tempLink)
+  tempLink.click()
+  document.body.removeChild(tempLink)
+  window.URL.revokeObjectURL(blobURL)
+}
+
+export function usePergelJsonCsv() {
+  return {
+    download,
+  }
+}

packages/nuxt/src/runtime/modules/json2csv/index.ts

@@ -1,4 +1,4 @@
-import { addServerImportsDir, createResolver } from '@nuxt/kit'
+import { addImportsDir, addServerImportsDir, createResolver } from '@nuxt/kit'
 import { definePergelModule } from '../../core/definePergel'
 
 export default definePergelModule({
@@ -14,7 +14,8 @@ export default definePergelModule({
     const resolver = createResolver(import.meta.url)
     const projectName = options.resolvedModule.projectName
 
-    addServerImportsDir(resolver.resolve('./composables'))
+    addServerImportsDir(resolver.resolve('./composables/server'))
+    addImportsDir(resolver.resolve('./composables/vue'))
 
     options._contents.push({
       moduleName: 'json2csv',