reproduce

Author: Shinigami92

package-lock.json

@@ -13,7 +13,8 @@
     "@types/node": "22.13.9",
     "eslint": "9.21.0",
     "eslint-plugin-vue": "10.0.0",
-    "jiti": "~2.4.2",
+    "jiti": "2.4.2",
+    "typescript": "5.8.2",
     "typescript-eslint": "8.26.0",
     "vue": "3.5.13",
     "vue-eslint-parser": "10.1.0"

package.json

@@ -1,24 +1,30 @@
 <script lang="ts">
-export type ComponentProps<
-  TValueLoooooooooooooooooooooooooooooooooog = string
-> = {
-  value?: TValueLoooooooooooooooooooooooooooooooooog;
-};
+export type WuiFilterEditorListOption<
+  TValue = string,
+  TValueKey extends string = "value"
+> = Record<TValueKey, TValue> & Partial<Record<string, unknown>>;
+
+export interface WuiFilterEditorListProps<
+  TValue = string,
+  TValueKey extends string = "value"
+> {
+  valueField?: TValueKey;
+  options: Array<WuiFilterEditorListOption<TValue, TValueKey>>;
+}
 </script>
 
 <script
   setup
   lang="ts"
-  generic="TValueLoooooooooooooooooooooooooooooooooog = string"
+  generic="TValue = string, TValueKey extends string = 'value'"
 >
 const props = withDefaults(
-  defineProps<ComponentProps<TValueLoooooooooooooooooooooooooooooooooog>>(),
+  defineProps<WuiFilterEditorListProps<TValue, TValueKey>>(),
   {
-    value: "default",
+    // @ts-expect-error: default is compatible with generic default
+    valueField: "value",
   }
 );
-</script>
 
-<template>
-  <span>{{ props.value }}</span>
-</template>
+console.log(props);
+</script>