Specify props without intermediate interface

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;

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);