diff --git a/docs/content/2.components/1.checkbox.md b/docs/content/2.components/1.checkbox.md
index 82658e4504..1072b04a11 100644
--- a/docs/content/2.components/1.checkbox.md
+++ b/docs/content/2.components/1.checkbox.md
@@ -27,6 +27,31 @@ Insert reCAPTCHA v2 checkbox
   ```
 ::
 
+  ```vue [Code (Options API)]
+  <script>
+    // This example is for vue 3 users using options API 
+    import { Checkbox } from 'vue-recaptcha'
+    export default {
+      components: { Checkbox },
+      data() { return { chkbox_response: null, theme: 'dark' } },
+      methods: {
+        toggleTheme() {
+          this.theme = this.theme === 'dark' ? 'light' : 'dark'
+        }
+      }
+    }
+  </script>
+
+  <template>
+    <div>
+      <ThemeButton @click="toggleTheme" v-model="theme" @click="chkbox_response = null" />
+      <div>{{ chkbox_response ? 'Verified' : 'Please click the checkbox' }}</div>
+      <Checkbox :key="theme" v-model:model-value="chkbox_response" :theme="theme" />
+    </div>
+  </template>
+  ```
+::
+
 ## Props
 | **key** | **type**                | **default** | **description**                 |
 |---------|-------------------------|-------------|---------------------------------|