File tree Expand file tree Collapse file tree 3 files changed +5
-7
lines changed Expand file tree Collapse file tree 3 files changed +5
-7
lines changed Original file line number Diff line number Diff line change 1
1
<template >
2
- <form @submit.prevent =" handlePay" >
2
+ <form v-if = " stripeLoaded " @submit.prevent =" handlePay" >
3
3
<StripeElements
4
- v-if =" stripeLoaded"
5
4
class =" py-3"
6
5
:stripe-key =" publishableKey"
7
6
:instance-options =" stripeOptions"
15
14
/>
16
15
</StripeElements >
17
16
<button
18
- class =" w-full focus:outline-none text-white bg-purple -700 hover:bg-purple -800 focus:ring-4 focus:ring-purple -300 font-medium rounded-lg text-sm px-5 py-2.5 mb-2 dark:bg-purple -600 dark:hover:bg-purple -700 dark:focus:ring-purple -900"
17
+ class =" w-full focus:outline-none text-white bg-indigo -700 hover:bg-indigo -800 focus:ring-4 focus:ring-indigo -300 font-medium rounded-lg text-sm px-5 py-2.5 mb-2 dark:bg-indigo -600 dark:hover:bg-indigo -700 dark:focus:ring-indigo -900"
19
18
>
20
19
Pay now
21
20
</button >
Original file line number Diff line number Diff line change 17
17
<button
18
18
type =" button"
19
19
@click =" pay"
20
- class =" w-full focus:outline-none text-white bg-purple -700 hover:bg-purple -800 focus:ring-4 focus:ring-purple -300 font-medium rounded-lg text-sm px-5 py-2.5 mb-2 dark:bg-purple -600 dark:hover:bg-purple -700 dark:focus:ring-purple -900"
20
+ class =" w-full focus:outline-none text-white bg-indigo -700 hover:bg-indigo -800 focus:ring-4 focus:ring-indigo -300 font-medium rounded-lg text-sm px-5 py-2.5 mb-2 dark:bg-indigo -600 dark:hover:bg-indigo -700 dark:focus:ring-indigo -900"
21
21
>
22
22
Pay now
23
23
</button >
Original file line number Diff line number Diff line change 1
1
<template >
2
- <form @submit.prevent =" handleSubmit" >
2
+ <form v-if = " stripeLoaded " @submit.prevent =" handleSubmit" >
3
3
<StripeElements
4
- v-if =" stripeLoaded"
5
4
:stripe-key =" stripeKey"
6
5
:instance-options =" stripeOptions"
7
6
:elements-options =" elementsOptions"
16
15
</StripeElements >
17
16
<button
18
17
type =" submit"
19
- class =" focus:outline-none text-white bg-purple -700 hover:bg-purple -800 focus:ring-4 focus:ring-purple -300 font-medium rounded-lg text-sm px-5 py-2.5 mb-2 dark:bg-purple -600 dark:hover:bg-purple -700 dark:focus:ring-purple -900"
18
+ class =" focus:outline-none text-white bg-indigo -700 hover:bg-indigo -800 focus:ring-4 focus:ring-indigo -300 font-medium rounded-lg text-sm px-5 py-2.5 mb-2 dark:bg-indigo -600 dark:hover:bg-indigo -700 dark:focus:ring-indigo -900"
20
19
>
21
20
Submit
22
21
</button >
You can’t perform that action at this time.
0 commit comments