From 099d11ca039db97df5ee776a2a8e456c8069240e Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Fri, 21 Apr 2023 18:09:17 +0300
Subject: [PATCH] Specify props without intermediate interface

---
 .../Elements/FormDrilldown/FormDrilldown.vue  | 23 ++++++++++---------
 .../FormDrilldown/FormDrilldownOption.vue     |  6 ++---
 2 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/client/src/components/Form/Elements/FormDrilldown/FormDrilldown.vue b/client/src/components/Form/Elements/FormDrilldown/FormDrilldown.vue
index cbb9f9d131a..3bedbf123be 100644
--- a/client/src/components/Form/Elements/FormDrilldown/FormDrilldown.vue
+++ b/client/src/components/Form/Elements/FormDrilldown/FormDrilldown.vue
@@ -3,17 +3,18 @@ import { computed, type ComputedRef } from "vue";
 import FormDrilldownList from "./FormDrilldownList.vue";
 import { getAllValues, type Option, type Value } from "./utilities";
 
-export interface FormDrilldownProps {
-    id: string;
-    value?: Value;
-    options: Array<Option>;
-    multiple: boolean;
-}
-
-const props = withDefaults(defineProps<FormDrilldownProps>(), {
-    value: null,
-    multiple: true,
-});
+const props = withDefaults(
+    defineProps<{
+        id: string;
+        value?: Value;
+        options: Array<Option>;
+        multiple: boolean;
+    }>(),
+    {
+        value: null,
+        multiple: true,
+    }
+);
 
 const emit = defineEmits<{
     (e: "input", value: Value): void;
diff --git a/client/src/components/Form/Elements/FormDrilldown/FormDrilldownOption.vue b/client/src/components/Form/Elements/FormDrilldown/FormDrilldownOption.vue
index 9d6f6c0b0e1..62163a8b06b 100644
--- a/client/src/components/Form/Elements/FormDrilldown/FormDrilldownOption.vue
+++ b/client/src/components/Form/Elements/FormDrilldown/FormDrilldownOption.vue
@@ -4,14 +4,12 @@ import { BFormCheckbox, BFormRadio } from "bootstrap-vue";
 import { getAllValues, type Option } from "./utilities";
 import FormDrilldownList from "./FormDrilldownList.vue";
 
-export interface Props {
+const props = defineProps<{
     currentValue: string[];
     option: Option;
     handleClick: Function;
     multiple: boolean;
-}
-
-const props = defineProps<Props>();
+}>();
 
 const showChildren = ref(false);