title: How to use Recaptcha v3 with VueJS using uve-recaptcha-v3 when I get a vue_1.ref is not a function error?
body: <p>I am using <a href="https://www.npmjs.com/package/vue-recaptcha-v3" rel="noreferrer">vue-recaptcha-v3</a> in a VueJS app but am immediately getting an error.  My main.js looks like this:</p>
  <pre><code>import Vue from 'vue'
  import App from './App.vue'
  import router from './router'
  import store from './store'
  import Buefy from 'buefy'
  import 'buefy/dist/buefy.css'
  import { VueReCaptcha } from 'vue-recaptcha-v3'
  
  Vue.use(VueReCaptcha, { siteKey: 'MYSITEKEY' })
  
  Vue.use(Buefy)
  
  Vue.config.productionTip = false
  
  new Vue({
    router,
    store,
    render: h =&gt; h(App)
  }).$mount('#app')
  </code></pre>
  <p>Unfortunately when I hit save I get the error below (screenshot included):</p>
  <blockquote>
  <p>Uncaught TypeError: vue_1.ref is not a function</p>
  </blockquote>
  <p><a href="https://i.stack.imgur.com/UUxqX.png" rel="noreferrer"><img src="https://i.stack.imgur.com/UUxqX.png" alt="enter image description here" /></a></p>
  <p>which relates to the following piece of the vue-recaptcha-v3 package:</p>
  <pre><code>exports.VueReCaptcha = {
      install: function (app, options) {
          var isLoaded = vue_1.ref(false);
          var instance = vue_1.ref(undefined);
  </code></pre>
  <p>Not sure where to go from here...</p>