button style not working as expected about vue-paypal-checkout HOT 5 CLOSED

Hey @Erwin16,

Thanks for the catch! I seemed to mess up and not include the buttonStyle for a recent release. It should be fixed now.

I'll publish a new version soon 👍

EDIT: Published v2.3.2

from vue-paypal-checkout.

thanks a lot... working better !
What about language ? setting locale: 'fr_FR' does not chnage the button label as it should ?

from vue-paypal-checkout.

Hello.

Why :buttonStyle is not working at 2.3.5 version? I try to do this:

// ./js/script.js

// Include libraries
import Vue from 'vue'
import PayPal from 'vue-paypal-checkout'

// Vue
const app = new Vue({
  el: '#app',
  components: {
    PayPal
  },
  data: {
    paypal_api_keys: {
      sandbox: '<sandbox client id>',
      production: '<production client id>'
    },
    paypal_button_style: {
      label: 'pay',
      size: 'medium',
      shape: 'pill',
      color: 'blue'
    },
    // ... other data
  },
  // ... other methods and else
})

On template:

<!-- ./index.html -->

<div id="app">
  <pay-pal
    amount="10.0"
    currency="USD"
    :client="paypal_api_keys"
    :buttonStyle="paypal_button_style"
    env="sandbox">
  </pay-pal>
</div>

<!-- I'm using Webpack 3.11 for minify -->
<script src="./dist/js/script.min.js"></script>

...and alway get gold button with small size! How to solve this? Please.

from vue-paypal-checkout.

Hey, @koddr

How are you importing the button component? Additionally, are you using webpack with vue-loader?

I can't seem to reproduce this. If you're still experiencing this after checking the package version, and etc, I'll take a closer look later if you want!

JSFiddle with your styles.

Cheers!

EDIT: Can you try using :button-style instead of :buttonStyle
https://vuejs.org/v2/guide/components.html#camelCase-vs-kebab-case

<!-- ./index.html -->

<div id="app">
  <pay-pal
    amount="10.0"
    currency="USD"
    :client="paypal_api_keys"
    :button-style="paypal_button_style"
    env="sandbox">
  </pay-pal>
</div>

<!-- I'm using Webpack 3.11 for minify -->
<script src="./dist/js/script.min.js"></script>

from vue-paypal-checkout.

Yes, kebab-case save lives 👍

from vue-paypal-checkout.