feat: add custom component name

README.md

@@ -1,6 +1,6 @@
 # vue3-recaptcha-v2
 
-reCAPTCHA for **Vue3** : CompositionAPI, Types
+`reCAPTCHA v2` for `Vue3` : CompositionAPI, Types
 
 # Installation
 
@@ -30,7 +30,12 @@ import VueRecaptcha from "vue3-recaptcha-v2";
 
 const app = createApp(App);
 
-app.use(VueRecaptcha, { siteKey: "your recaptcha sitekey" }).mount("#app");
+app
+  .use(VueRecaptcha, {
+    siteKey: "your recaptcha sitekey",
+    componentName: "your custom componet name", // default: 'vue-recaptcha'
+  })
+  .mount("#app");
 ```
 
 ### Composition API

src/config/install.ts

@@ -6,11 +6,15 @@ import { state } from "./state";
 const ERROR_MSG_SITEKEY = "options must be included siteKey";
 
 export function install(app: App<Element>, options: options) {
+  const componentName = options.componentName
+    ? options.componentName
+    : "vue-recaptcha";
+
   if (!options.siteKey) throw new Error(ERROR_MSG_SITEKEY);
   _script();
 
   state.siteKey = options.siteKey;
-  app.component("vue-recaptcha", VueRecaptcha);
+  app.component(componentName, VueRecaptcha);
 }
 
 function _script() {

src/types/index.ts

@@ -3,6 +3,7 @@
  */
 export interface options {
   siteKey: string;
+  componentName?: string;
 }
 
 /**