Skip to content

Commit 24b1c27

Browse files
committed
updated vue document
1 parent b58099c commit 24b1c27

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

README.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -347,19 +347,19 @@ Create your form in index.blade.php:
347347

348348
Go to /index and click submit button on contact us form and you should see an error message that 'Score does not meet the treshhold' because the threshold >2. You can play around the controller to see all outcomes. Importantly, you need to wait the script to be loaded before clicking the submit button.
349349

350-
### Vue Usage <a name="vue-usage" />
350+
## Vue Usage <a name="vue-usage" />
351351

352352
The package provides a lightweight vue component. You need to publish the vue component before playing around it.
353353

354-
##### Step 1 Publish vue component:
354+
### Step 1 Publish vue component:
355355
```sh
356356
$ php artisan vendor:publish --provider="TimeHunter\LaravelGoogleReCaptchaV3\Providers\GoogleReCaptchaV3ServiceProvider" --tag=googlerecaptchav3.vuejs
357357
```
358358

359359
The file will be created under js/components/googlerecaptchav3/GoogleReCaptchaV3.vue, you have full control and modification ability on this file.
360360

361361

362-
##### Step 2 Import vue component and Register reCAPTCHA v3 SiteKey
362+
### Step 2 Import vue component and Register reCAPTCHA v3 SiteKey
363363

364364
The Blade way is no longer useful if you use Vue, so we need to manage to assign site key by ourselves. The component supports props below:
365365

@@ -378,7 +378,7 @@ Supported: siteKey, elementId, inline and action, check the original file to see
378378

379379
There are two ways you can bind reCAPTCHA v3 to the component, in the following example, you need to import GoogleReCaptchaV3 component first and then pass site key into the component.
380380

381-
###### Use prop
381+
### Use prop
382382

383383
````vue
384384
<template>
@@ -437,7 +437,7 @@ There are two ways you can bind reCAPTCHA v3 to the component, in the following
437437
438438
````
439439

440-
###### Add site key directly into GoogleReCaptchaV3 component
440+
### Add site key directly into GoogleReCaptchaV3 component
441441

442442
Alternatively, I believe most of cases your site key will never be changed, so you could just modify the original published component to have sitekey hard-coded in.
443443

@@ -469,7 +469,7 @@ Remove it from prop and add it in data():
469469

470470
## Advanced Usage <a name="advanced-usage" />
471471

472-
#### Custom implementation on Config
472+
### Custom implementation on Config
473473

474474
For some users, they might store the config details in their own storage e.g database. You can create your own class and implement:
475475

@@ -486,7 +486,7 @@ Remember to register it in your own service provider
486486
);
487487
```
488488

489-
#### Custom implementation on Request method
489+
### Custom implementation on Request method
490490

491491
The package has two default options to verify: Guzzle and Curl, if you want to use your own request method, You can create your own class and implement
492492
```

0 commit comments

Comments
 (0)