[Radaka]

Mam taki problem, korzystam z vue2-editor którego importuje się w taki sposób:
import { VueEditor } from 'vue2-editor'

I teraz jak mam zaimportować go asynchronicznie używając:

const edytor = () => ({
component: import(
'vue2-editor'
),
timeout: 3000
})

?

Lub aby mi nie wywalał w SSR czyli:

components: {
editor: () =>
process.client
? import('vue2-editor')
: Promise.resolve({ render: (h) => h('div') })
}

Nie chce go ładować jako pluginu bo quill waży sporo i chce mieć vendora jak najmniejszego

#vue #nuxt #javascript

[LaylaTichy]

@Radaka:

jak masz single file componenty to coś w tym stylu

 components: {
 VueEditor: (resolve) => import('vue2-editor')
 .then((AsyncComponent) => {
 resolve(AsyncComponent.default.VueEditor);
 }),
 },

ew w app

Vue.component('VueEditor', (resolve) => {
 import('vue2-editor')
 .then((AsyncComponent) => {
 resolve(AsyncComponent.default.VueEditor);
 });
});

[Radaka]

@LaylaTichy: Działa ! wielkie dzięki