# Options

Need to configure our plugin on a per project basis? See our options below. These options need to be added to the component. These options are parsed onto the component as a prop. You can find out more about how Vue JS props work by clicking here

# Plugin Options

# server

• type: String
• default: 'http://localhost:8001/payday/'

Configure the URL where data will be posted to, we automatically will POST to setStoredSession and retrieve from getStoredSession. Using this option won't take affect if the iFrame setting is enabled.

Example

<vue-les-application
  :server="'http://mydomain.com/'"
>
</vue-les-application>

# iframe

• type: Boolean
• default: false

Enable the legacy iFrame implementation. This will render an <iframe> element into the page with a constructed src that works based on legacy iFrame implementations. Use enable this if using an older site.

Example

<vue-les-application
  :iframe="true"
>
</vue-les-application>

# settings

• type: Object
• default:

src: 'http://mydomain.com/payday/',
type: 'myiframe_version',
aff_id: '',
sub_id: '',
color1: '00628C',
color2: 'ffffff',
color3: 'ffffff',
color4: 'ffffff',
color5: '',
debt_advise_team: false,
fill_forms: false,
sms_banner: false,
installment_fields: true,
promos: true,
btn_text: 'Apply',
amount: 1000,
min_loan: 100,
max_loan: 5000,
min_term: 1,
max_term: 36,
months: 24,
appFirstName: '',
appLastName: ''

• support: The settings object will work for both the legacy iFrame implementation, and the rendered HTML version.

Pass the following settings object into your site to then configure the following settings. An example is listed below. Currently, you'll need to pass all settings even if you only plan on changing one.

Example

<vue-les-application
  v-bind:settings="{
    src: 'http://mydomain.com/payday/',
    type: 'myiframe_version',
    aff_id: '',
    sub_id: '',
    color1: '00628C',
    color2: 'ffffff',
    color3: 'ffffff',
    color4: 'ffffff',
    color5: '',
    debt_advise_team: false,
    fill_forms: false,
    sms_banner: false,
    installment_fields: true,
    promos: true,
    btn_text: 'Apply',
    amount: 1000,
    min_loan: 100,
    max_loan: 5000,
    min_term: 1,
    max_term: 36,
    months: 24,
    appFirstName: '',
    appLastName: ''
  }"
>
</vue-les-application>