title: How do I display the captcha icon only on certain pages (VUE reCAPTCHA-v3)?
body: <p>I use this package : <a href="https://www.npmjs.com/package/vue-recaptcha-v3" rel="noreferrer">https://www.npmjs.com/package/vue-recaptcha-v3</a></p>
  
  <p>I add on my main.js : </p>
  
  <pre><code>import { VueReCaptcha } from 'vue-recaptcha-v3'
  
  Vue.use(VueReCaptcha, { siteKey: 'xxxxxxx' })
  </code></pre>
  
  <p>I add this code :</p>
  
  <pre><code>await this.$recaptcha('login').then((token) =&gt; {
      recaptcha = token
  })
  </code></pre>
  
  <p>to my component to get token from google recapchta</p>
  
  <p>My problem is the captcha icon in the lower right corner appears on all pages</p>
  
  <p><a href="https://i.stack.imgur.com/ufp8S.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ufp8S.png" alt="enter image description here"></a></p>
  
  <p>I want it to only appear in certain components</p>
  
  <p>Maybe I must to change this : <code>Vue.use(VueReCaptcha, { siteKey: 'xxxxxxxxxxxxxxxxx' })</code>. Seems it still mounting to <code>Vue.use</code>. I want to mount to a certain component instead of vue root instance </p>
  
  <p>How can I solve this problem?</p>
  
  <p><strong>Update</strong> </p>
  
  <p>I try like this : </p>
  
  <pre><code>Vue.use(VueReCaptcha, {
    siteKey: 'xxxxxxx',
    loaderOptions: {
      useRecaptchaNet: true,
      autoHideBadge: true
    }
  })
  </code></pre>
  
  <p>It hides the badge. I want the badge to still appear. But only on 1 page, the registration page. How can I do it?</p>