add two components. 'npm run build' now fails with 'error TS2604: JSX element type 'SecondComponent' does not have any construct or call signatures.'

Author: emilefokkema

src/components/FirstComponent.vue

@@ -0,0 +1,27 @@
+<template>
+    <div>
+        <div>first component!</div>
+        <second-component v-if="show"/>
+    </div>
+    
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import SecondComponent from './SecondComponent.vue'
+
+const mixin = {
+    props: {
+        show: {
+            type: Boolean
+        }
+    }
+};
+
+export default Vue.extend({
+    components: {
+        SecondComponent
+    },
+    mixins: [mixin]
+})
+</script>

src/components/HelloWorld.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import FirstComponent from './FirstComponent.vue'
 defineProps<{
   msg: string
 }>()
@@ -12,6 +13,7 @@ defineProps<{
       <a target="_blank" href="https://vitejs.dev/">Vite</a> +
       <a target="_blank" href="https://v2.vuejs.org/">Vue 2</a>. What's next?
     </h3>
+    <first-component :show="true"/>
   </div>
 </template>
 

src/components/SecondComponent.vue

@@ -0,0 +1,11 @@
+<template>
+    <div>second component!</div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+
+export default Vue.extend({
+    
+})
+</script>