[nuxt] [request error] [unhandled] [500] self is not defined

[578838516]

I introduced error in nuxt3 rc 11

[nuxt] [request error] [unhandled] [500] self is not defined
at Object. (./node_modules/vue-pdf-embed/dist/vue3-pdf-embed.js:1:252)
at Module._compile (node:internal/modules/cjs/loader:1105:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1159:10)
at Module.load (node:internal/modules/cjs/loader:981:32)
at Function.Module._load (node:internal/modules/cjs/loader:822:12)
at ModuleWrap. (node:internal/modules/esm/translators:170:29)
at ModuleJob.run (node:internal/modules/esm/module_job:198:25)
at processTicksAndRejections (node:internal/process/task_queues:96:5)
at async Promise.all (index 0)
at async ESMLoader.import (node:internal/modules/esm/loader:385:24)

Codesandbox link

[brienpacholec]

Same here

[cambea]

Same here too :(

[getshaun24]

any update on this ?!

[akbarism]

same here

[abdmdjr]

In Nuxt 3, create a file in /plugins and name it vue-pdf-embed.client.ts with this code ->

import VuePdfEmbed from "vue-pdf-embed";

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.component("vue-pdf-embed", VuePdfEmbed);
});

In your page/component, use it like that :
<vue-pdf-embed :source="post.file" />