Unable to use in nuxt 3

[odetolakehinde]

Error:

package.json

"dependencies": {
    "fabric": "^6.4.3",
    "konva": "^9.3.15",
    "nuxt": "^3.13.0",
    "vue": "latest",
    "vue-konva": "^3.1.2",
    "vue-router": "latest"
  }

plugins/konva.ts

import VueKonva from 'vue-konva';

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

nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: '2024-04-03',
  devtools: { enabled: true },
  plugins: [{src: '~/plugins/konva.js', mode: 'client'}],
  build: {transpile: ['konva']},
})

[lavrton]

Please make a small repository to reproduce.

The quick solution can be just installing canvas library: npm install canvas@next.

[odetolakehinde]

here's a repo - https://github.com/odetolakehinde/nuxt-konva

this does not seem to work:

yarn add canvas@next

[odetolakehinde]

cc @lavrton