SKUs for Checkout require a `name` attribute.

[ivxa]

Hey,

I get the following error when clicking the checkout button: Uncaught (in promise) IntegrationError: SKUs for Checkout require a name attribute. (Find the code below; I'm using "^3.0.0-beta.2")

Most likely I'm doing something definitely wrong and there is no issue with the module. Any help would be appreciated.

Thanks!

<template>
  <vue-stripe-checkout
    ref="checkoutRef"
    :items="items"
    :successUrl="successUrl"
    :cancelUrl="cancelUrl"
  >
    <template slot="checkout-button">
      <button @click="checkout">Shutup and take my money!</button>
    </template>
  </vue-stripe-checkout>
</template>

<script>
export default {
  data: () => ({
    loading: false,
    items: [
      {
        sku: "sku_GDQLhuzRJFpKUl",
        quantity: 1
      }
    ],
    successUrl: "http://localhost:8080/",
    cancelUrl: "http://localhost:8080/"
  }),
  methods: {
    checkout() {
      this.$refs.checkoutRef.redirectToCheckout();
    }
  }
};
</script>

[ivxa]

Solved. It wasn't related with the module. I just needed to add the "name" attribute to the SKU in Stripe's dashboard