title: How to use type: importedCompenent in Vue3 compenent props?
body: <p>Let's say I have 2 compenents:</p>
  <p>todoItem:</p>
  <pre><code>export default defineComponent({
    name: 'todoItem',
    props: {
      name: {
        type: String,
        required: true,
      },
      isCompleted: {
        type: Boolean,
        required: false,
        default: false,
      },
    },
  });
  </code></pre>
  <p>And I want to do the following
  todoList:</p>
  <pre><code>import TodoItem from './TodoItem.vue';
  
  export default defineComponent({
    name: 'todoList',
    props: {
      todos: {
        type: Array&lt;TodoItem&gt;, // Gives an error
        required: false,
      },
    },
    components: {
      TodoItem,
    },
  });
  </code></pre>
  <p>Is there a way I can do the following?
  I can &quot;duplicate&quot; it as a typescript interface by doing:</p>
  <pre><code>interface Todo: {name: String, isCompleted: Boolean}
  
  // then do
  type: Array as PropType&lt;Todo[]&gt;
  </code></pre>
  <p>But it's duplicate code and i'll need to refactor it every time there's a change.</p>
  <p>Is there a better way?</p>