fix(compiler-sfc): handle keyof operator w/ Pick and Extract utility types

Author: jh-leong

packages/compiler-sfc/__tests__/compileScript/resolveType.spec.ts

@@ -510,13 +510,16 @@ describe('resolveType', () => {
       type Foo = Record<symbol | string, any>
       type Bar = { [key: string]: any }
       type AnyRecord = Record<keyof any, any>
+      type Baz = { a: 1, ${1}: 2, b: 3}
 
       defineProps<{
         record: keyof Foo,
         anyRecord: keyof AnyRecord 
         partial: keyof Partial<Bar>,
         required: keyof Required<Bar>,
         readonly: keyof Readonly<Bar>,
+        pick: keyof Pick<Baz, 'a' | 1>
+        extract: keyof Extract<keyof Baz, 'a' | 1>
       }>()
       `,
     )
@@ -527,6 +530,8 @@ describe('resolveType', () => {
       partial: ['String'],
       required: ['String'],
       readonly: ['String'],
+      pick: ['String', 'Number'],
+      extract: ['String', 'Number'],
     })
   })
 

packages/compiler-sfc/src/script/resolveType.ts

@@ -1559,6 +1559,16 @@ export function inferRuntimeType(
                   )
                 }
                 break
+              case 'Pick':
+              case 'Extract':
+                if (node.typeParameters && node.typeParameters.params[1]) {
+                  return inferRuntimeType(
+                    ctx,
+                    node.typeParameters.params[1],
+                    scope,
+                  )
+                }
+                break
 
               case 'Function':
               case 'Object':