title: How to reuse composable props in vue 3
body: <p>Essentially, i want to build input fields components (textfeids, textarea, checkbox, ...).
  Since they share some attributes ie (id, name,...), my approach was to create a composable and defined the common prop definition and use them in the individual components. However, it seem it does work. Is there a way I can achieve this in vue 3 composable approach. Below is the composable.</p>
  <pre class="lang-js prettyprint-override"><code>// prop definition
  import { defineProps } from &quot;vue&quot;;
  
  export const useCoreFieldProps = () =&gt; {
    const props = defineProps&lt;{
      id?: string;
      name?: string;
      disabled?: boolean;
      required?: boolean;
    }&gt;();
  
    return {
      props,
    };
  };
  </code></pre>
  <pre class="lang-ts prettyprint-override"><code>// composable usage
  &lt;script setup lang=&quot;ts&quot;&gt;
  import { useCoreFieldProps } from &quot;@/composables/useFields&quot;;
  
  const { props: coreProps } = useCoreFieldProps();
  
  &lt;/script&gt;
  </code></pre>