From 84829c70f239ee8ad325d4b3341972a412b261f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Piggy=20Park=20=28=EB=B0=95=EC=9A=A9=ED=83=9C=29?=
 <samuel.park@mz.co.kr>
Date: Thu, 6 Oct 2022 13:53:03 +0900
Subject: [PATCH] fix(p-select-dropdown): apply vOnClickOutside (#73)

---
 src/inputs/dropdown/select-dropdown/PSelectDropdown.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/inputs/dropdown/select-dropdown/PSelectDropdown.vue b/src/inputs/dropdown/select-dropdown/PSelectDropdown.vue
index cb27f3868..ae9aa6e85 100644
--- a/src/inputs/dropdown/select-dropdown/PSelectDropdown.vue
+++ b/src/inputs/dropdown/select-dropdown/PSelectDropdown.vue
@@ -70,10 +70,11 @@ import {
     reactive,
     toRefs,
 } from 'vue';
+import type { DirectiveFunction } from 'vue';
 import type { Vue } from 'vue/types/vue';
 
+import { vOnClickOutside } from '@vueuse/components';
 import { groupBy, reduce } from 'lodash';
-import vClickOutside from 'v-click-outside';
 
 
 import PI from '@/foundation/icons/PI.vue';
@@ -92,7 +93,7 @@ import { makeOptionalProxy } from '@/util/composition-helpers';
 export default defineComponent<SelectDropdownProps>({
     name: 'PSelectDropdown',
     directives: {
-        clickOutside: vClickOutside.directive,
+        clickOutside: vOnClickOutside as DirectiveFunction,
     },
     components: {
         PI,
@@ -162,7 +163,7 @@ export default defineComponent<SelectDropdownProps>({
             default: false,
         },
     },
-    setup(props: SelectDropdownProps, { emit, slots }) {
+    setup(props, { emit, slots }) {
         const vm = getCurrentInstance()?.proxy as Vue;
 
         const {