test: add test case

packages/compiler-sfc/__tests__/compileScript/__snapshots__/defineProps.spec.ts.snap

@@ -38,6 +38,44 @@ return { props }
 })"
 `;
 
+exports[`defineProps > w/ Partial<interface> 1`] = `
+"import { defineComponent as _defineComponent } from 'vue'
+interface Props { x: number }
+    
+export default /*#__PURE__*/_defineComponent({
+  props: {
+    x: { type: Number, required: false }
+  },
+  setup(__props: any, { expose: __expose }) {
+  __expose();
+
+    
+    
+return {  }
+}
+
+})"
+`;
+
+exports[`defineProps > w/ Required<interface> 1`] = `
+"import { defineComponent as _defineComponent } from 'vue'
+interface Props { x?: number }
+    
+export default /*#__PURE__*/_defineComponent({
+  props: {
+    x: { type: Number, required: true }
+  },
+  setup(__props: any, { expose: __expose }) {
+  __expose();
+
+    
+    
+return {  }
+}
+
+})"
+`;
+
 exports[`defineProps > w/ TS assertion 1`] = `
 "import { defineComponent as _defineComponent } from 'vue'
 

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

@@ -233,6 +233,34 @@ const props = defineProps({ foo: String })
     })
   })
 
+  test('w/ Required<interface>', () => {
+    const { content, bindings } = compile(`
+    <script setup lang="ts">
+    interface Props { x?: number }
+    defineProps<Required<Props>>()
+    </script>
+    `)
+    assertCode(content)
+    expect(content).toMatch(`x: { type: Number, required: true }`)
+    expect(bindings).toStrictEqual({
+      x: BindingTypes.PROPS
+    })
+  })
+
+  test('w/ Partial<interface>', () => {
+    const { content, bindings } = compile(`
+    <script setup lang="ts">
+    interface Props { x: number }
+    defineProps<Partial<Props>>()
+    </script>
+    `)
+    assertCode(content)
+    expect(content).toMatch(`x: { type: Number, required: false }`)
+    expect(bindings).toStrictEqual({
+      x: BindingTypes.PROPS
+    })
+  })
+
   test('w/ extends interface', () => {
     const { content, bindings } = compile(`
     <script lang="ts">