Customize app.compilerOptions

[nicooprat]

Hi there,

We're using MJML at the moment, in the process to migrate to vue-email. As MJML tags are unknown to Vue (they are processed by MJML after Vue compilation), it warns like this for every tag which makes the logs barely usable:

  console.warn
    [Vue warn]: Failed to resolve component: mjml
    If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

We used to ignore those with:

app.config.compilerOptions.isCustomElement = (tag) => tag === 'mjml' || tag.startsWith('mj-');

Would it be possible to access the app or set the config somehow?

Thanks.

PS. Docs for MJML: https://documentation.mjml.io/

[Jonathanleseullunique]

Hi, I have the same warning for my components( in emails/components/) since i updated vue-email to the last version. And i can't see them on my mails anymore

[Flowko]

@Jonathanleseullunique @nicooprat please upgrade to 0.8.6

[nicooprat]

I still have the warnings in the console. To be clear: it's ok that those components are not found, I just need the Vue compiler to ignore them and render them as is (since they will be compiled by MJML itself afterwards).

[Flowko]

my bad, thought it was related to the other issue, will keep it open

[Flowko]

check 0.8.7

const vuemail = config(path, {
    vueCompilerOptions: {
      isCustomElement: tag => tag === 'mjml' || tag.startsWith('mj-'),
    },
  })

[nicooprat]

Thanks for your quick answer, but I just tried it, with no luck: https://stackblitz.com/edit/stackblitz-starters-feixyn?file=index.ts

"@vue-email/compiler": "^0.8.7"

Did I miss something?

[Flowko]

weird; ill reopen it, and test it when i have some free time, its one of them issues 😅

[nicooprat]

Hi there, sorry to bother, I tried to upgrade to latest 0.8.14 and I'm still having the issue, any news on this one? Thanks :)