test: fix typing issues in vue and preact tests

Author: muningis

src/__tests__/preact.js

@@ -57,9 +57,12 @@ test('smoke test for preact', async () => {
     }
   });
 
+  /** 
+   * @type {import('preact').FunctionComponent<{ components?: Record<string, any> }>}
+   */
   const Component = getMDXComponent(result.code, jsxComponentConfig)
 
-  /** @param {Preact.JSX.HTMLAttributes<HTMLSpanElement>} props */
+  /** @type {Preact.FunctionComponent<{ children:Preact.ComponentChildren }>} props */
   const SpanBold = ({children}) => {
     return Preact.createElement('span', { className: "strong" }, children)
   }

src/__tests__/vue.js

@@ -52,6 +52,9 @@ test('smoke test for vue', async () => {
       './demo.tsx': demoTsx
     }
   });
+  /**
+   * @type {Vue.FunctionalComponent<{ components?: Record<string, any> }>}
+   */
   const Component = getMDXComponent(result.code, jsxComponentConfig)
 
 
@@ -70,7 +73,7 @@ test('smoke test for vue', async () => {
   const WrappedComponent = Vue.defineComponent({
     setup() {
       return () => Vue.h(Component, {
-        'components': { strong: Sp anBold }
+        'components': { strong: SpanBold }
       })
     }
   })