title: Stripe is not defined in Nuxt
body: <p>I want to add stripe elements to my nuxt js page However, I got an error</p>
  
  <blockquote>
    <p>Stripe is not defined</p>
  </blockquote>
  
  <p>I have inserted the  <code>&lt;script src="https://js.stripe.com/v3/"&gt;&lt;/script&gt;</code> on my <code>nuxt.config.js</code></p>
  
  <p>Here's the code </p>
  
  <pre class="lang-js prettyprint-override"><code> head: {
      title: process.env.npm_package_name || "",
      script: [{ src: "https://js.stripe.com/v3/" }],
      link: [
        { rel: "icon", type: "image/x-icon", href: "/favicon.ico" },
      ]
    },
  </code></pre>
  
  <p>My payment page</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;div&gt;
      &lt;div ref="card"&gt;&lt;/div&gt;
      &lt;button v-on:click="purchase"&gt;Purchase&lt;/button&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  let stripe = Stripe("Key"),
    elements = stripe.elements(),
    card = undefined;
  export default {
    mounted: function() {
      card = elements.create("card");
      card.mount(this.$refs.card);
    },
    methods: {
      async purchase() {
        let result = await stripe.createToken(card);
      }
    }
  };
  &lt;/script&gt;
  </code></pre>
  
  <p>I followed this tutorial and still can't fix it</p>
  
  <p><a href="https://alligator.io/vuejs/stripe-elements-vue-integration/" rel="nofollow noreferrer">https://alligator.io/vuejs/stripe-elements-vue-integration/</a></p>