Comment intégrer mailchimp avec nuxt js app?

Question

Je voudrais intégrer le script suivant dans mon composant dans l'application nuxtjs. Mais puisque nuxt n'a pas de solution pour cela. Je voudrais demander à la communauté vue de voir s'il y avait une meilleure façon d'intégrer des scripts js tiers externes?

Où devrais-je intégrer ce type de scipt? Et quel type de configuration externe dois-je ajouter pour que cela fonctionne?

J'ai essayé d'ajouter directement dans mon modèle, mais cela ne semble pas fonctionner.

<script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us17.list-manage.com","uuid":"XXXXXX","lid":"XXXXXX"}) })</script> 

Merci!

Answer 1

Ouvrez votre fichier nuxt.config.js et recherchez l'objet principal. Vous pouvez ajouter vos scripts tiers là comme ceci:

// nuxt.config.js 
module.exports = { 
    head: { 
    title: 'My title', 
    // etc. 
    script: [ 
     { src: "//downloads.mailchimp.com/js/signup-forms/popup/embed.js" }, 
     // You can add multiple third-party scripts here 
    ] 
    }, 
    // Other stuff 
} 

Docs: How to use external resources?

Je ne l'ai pas testé, mais je pense que, puisque l'autre partie est tout simplement le javascript, vous pouvez ajouter dans votre page vous wan't pour montrer ou un fichier de mise en page (si vous voulez afficher sur plusieurs pages), comme ceci:

// layout/default.vue 
<template> 
    <!-- Your template --> 
</template> 

<script> 
    require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us17.list-manage.com","uuid":"XXXXXX","lid":"XXXXXX"}) }); 
    export default { 
    // etc... 
    } 
</script> 

Bien que l'exigent les choses mess partie pourrait ... jusqu'à

Faites-moi savoir si cela fonctionne!