Vue composition API: missing `useRef<T>` generic types

mitosis component:

import { useState } from "@builder.io/mitosis";

interface Props {
  name: string
  age: number
}
export default function MyComponent(props: Props) {
  const [name, setName] = useState("Steve");

  return (
    <div>
      { props.name }
      <input
        css={{
          color: "red",
        }}
        value={name}
        onChange={(event) => setName(event.target.value)}
      />
      Hello! I can run in React, Vue, Solid, or Liquid!
    </div>
  );
}

the vue-compsition result:

<template>
  <div>
    {{ age }}
    {{ name }}
    <input class="input" :value="name" @input="name = $event.target.value" />
    Hello
    {{ name }}! I can run in React, Vue, Solid, or Liquid!
  </div>
</template>

<script setup>
import { ref } from "vue";

const props = defineProps(["age", "name"]);
const name = ref("Steve");
</script>

<style scoped>
.input {
  color: red;
}
</style>

Hope to support vue3-composition-types feature. Such as defineProps<T>, ref<T>and so on. I am also interesting to implement the feature.

[findlay-best-wishes]

Ok，i will try it

[decadef20]

I’ll try it later.