n1crack/vuefinder

nuxt3 support

Opened this issue · 1 comments

I am developing an application for Nuxt 3. Vuefinder works with both frontend and backend api. But when I import it as vuefinder as plugin, I get an error.

plugins/vue-finder.ts

import "vuefinder/dist/style.css";
import VueFinder from "vuefinder/dist/vuefinder";

export default defineNuxtPlugin(async (nuxtApp) => {
  nuxtApp.vueApp.component("vue-finder", VueFinder);
});

Error:
require() of ES Module C:\Users\x-pt1\Desktop\programlar\vuefinder-nuxt3\node_modules@uppy\core\lib\index.js from C:\Users\x-pt1\Desktop\programlar\vuefinder-nuxt3\node_modules\vuefinder\dist\vuefinder.cjs not supported. Instead change the require of index.js in C:\Users\x-pt1\Desktop\programlar\vuefinder-nuxt3\node_modules\vuefinder\dist\vuefinder.cjs to a dynamic import() which is available in all CommonJS modules.

Try this:

import VueFinder from 'vuefinder/dist/vuefinder';

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(VueFinder);
});