Wradgio
diff --git a/‎demo/src/delaydemo.ts
+27 b/‎demo/src/delaydemo.ts
+27
diff --git a/‎demo/src/index.html
+3 b/‎demo/src/index.html
+3
diff --git a/‎demo/src/index.ts
+1-1 b/‎demo/src/index.ts
+1-1
diff --git a/‎demo/webpack.config.js
+11-9 b/‎demo/webpack.config.js
+11-9
@@ -0,0 +1,27 @@
+import { createApp } from 'vue'
+import { VueReCaptcha } from '../../src/ReCaptchaVuePlugin'
+
+const component = {
+  methods: {
+    async recaptcha () {
+      console.log('recaptcha clicked')
+
+      this.$recaptchaLoaded().then(() => {
+        console.log('recaptcha loaded')
+        this.$recaptcha('login').then((token: string) => {
+          console.log(token) // Will print the token
+        })
+      })
+      await this.delay(1000)
+      this.$loadRecaptchaAfterSetup('6LfC6HgUAAAAAEtG92bYRzwYkczElxq7WkCoG4Ob')
+    },
+    async delay (ms: number) {
+      return await new Promise(resolve => setTimeout(resolve, ms))
+    }
+  },
+  template: '<button @click="recaptcha">Execute with delay recaptcha</button>'
+}
+
+createApp(component)
+  .use(VueReCaptcha)
+  .mount('#delaydemo')
@@ -7,5 +7,8 @@
 </head>
 <body>
 <div id="inject"></div>
+<br>
+<br>
+<div id="delaydemo"></div>
 </body>
 </html>
@@ -13,7 +13,7 @@ const component = {
       })
     }
   },
-  template: '<button @click="recaptcha">Execute recaptcha</button>'
+  template: '<button @click="recaptcha">Execute without delay recaptcha</button>'
 }
 
 createApp(component)
 
@@ -1,9 +1,11 @@
 const path = require('path')
-const webpack = require('webpack')
 const WebpackHtmlPlugin = require('html-webpack-plugin')
 
 module.exports = {
-  entry: path.resolve(__dirname, './src/index.ts'),
+  entry: {
+    index: path.resolve(__dirname, './src/index.ts'),
+    delaydemo: path.resolve(__dirname, './src/delaydemo.ts')
+  },
 
   output: {
     path: path.resolve(__dirname, './dist'),
@@ -24,22 +26,22 @@ module.exports = {
   resolve: {
     extensions: [
       '.js',
-      '.ts',
+      '.ts'
     ],
     alias: {
-      'vue$': 'vue/dist/vue.esm-bundler.js'
+      vue$: 'vue/dist/vue.esm-bundler.js'
     }
   },
-  mode: "development",
+  mode: 'development',
   devServer: {
     compress: true,
-    disableHostCheck: true,
+    // disableHostCheck: true,
     historyApiFallback: true
   },
   plugins: [
     new WebpackHtmlPlugin({
       template: path.resolve(__dirname, './src/index.html'),
-      inject: true,
+      inject: true
     })
-  ],
-};
+  ]
+}
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ const component = {`
`13`	`13`	`})`
`14`	`14`	`}`
`15`	`15`	`},`
`16`		`- template: '<button @click="recaptcha">Execute recaptcha</button>'`
	`16`	`+ template: '<button @click="recaptcha">Execute without delay recaptcha</button>'`
`17`	`17`	`}`
`18`	`18`
`19`	`19`	`createApp(component)`