SampleComponent vue3 vue.extend replacement

SampleComponentVue3.vue

<template>
  <div>
    Welcome<br />

    <SampleVueComponent :testing-prop="'test'" />
  </div>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue';

interface Mehtods {
  someTest: () => void;
}
interface Data {
  message: string;
}
interface Computed {
  preMessage: string;
}
interface Props {
  testingProp: 'test' | 'working';
}

function createComponent<M extends Mehtods, D extends Data, C extends Computed, P extends Props>(options: {
  name: string;
  data: () => D;
  methods: M;
  computed: C;
  props?: P;
}) {
  return defineComponent({
    name: options.name,
    data() {
      return options.data();
    },
    methods: options.methods,
    computed: options.computed,
    props: options.props
  });
}

const SampleVueComponent = createComponent<Methods, Data, Computed, Props>({
  name: 'SampleVueComponent',
  data(){
    return {
      message: 'World'
    }
  },
  methods: {
    someTest(){
      console.log('Hello World', this.method)
    }
  },
  computed: {
    preMessage(){
      return 'Hello'
    }
  }
});
</script>