From 62fadcd77cd6345fa07e16b1c7b86dcf8fcfb64c Mon Sep 17 00:00:00 2001
From: Fiad <hello@fiad.one>
Date: Tue, 1 Nov 2022 16:39:42 +0100
Subject: [PATCH 1/2] fix(onClickOutside): missing options for component

It adds support for the options property when using onClickOutside via component
---
 packages/core/onClickOutside/component.ts | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/core/onClickOutside/component.ts b/packages/core/onClickOutside/component.ts
index b976d48583a..712c311d41e 100644
--- a/packages/core/onClickOutside/component.ts
+++ b/packages/core/onClickOutside/component.ts
@@ -1,16 +1,21 @@
 import { defineComponent, h, ref } from 'vue-demi'
 import { onClickOutside } from '@vueuse/core'
 import type { RenderableComponent } from '../types'
+import type { OnClickOutsideOptions } from '.'
 
-export const OnClickOutside = defineComponent<RenderableComponent>({
+export interface OnClickOutsideProps extends RenderableComponent {
+  options?: OnClickOutsideOptions
+}
+
+export const OnClickOutside = defineComponent<OnClickOutsideProps>({
   name: 'OnClickOutside',
-  props: ['as'] as unknown as undefined,
+  props: ['as', 'options'] as unknown as undefined,
   emits: ['trigger'],
   setup(props, { slots, emit }) {
     const target = ref()
     onClickOutside(target, (e) => {
       emit('trigger', e)
-    })
+    }, props.options)
 
     return () => {
       if (slots.default)

From 94c3a6d4f454ba85d02fba5d98fe0dc217a38569 Mon Sep 17 00:00:00 2001
From: sibbng <sibbngheid@gmail.com>
Date: Fri, 4 Nov 2022 13:39:54 +0300
Subject: [PATCH 2/2] docs: add example

---
 packages/core/onClickOutside/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/core/onClickOutside/index.md b/packages/core/onClickOutside/index.md
index 428bf0389f9..bbef152d26d 100644
--- a/packages/core/onClickOutside/index.md
+++ b/packages/core/onClickOutside/index.md
@@ -39,7 +39,7 @@ export default {
 ## Component Usage
 
 ```html
-<OnClickOutside @trigger="count++">
+<OnClickOutside @trigger="count++" :options="{ ignore: [/* ... */] }">
   <div>
     Click Outside of Me
   </div>