types: use-placeholder

src/composition/use-placeholder.js

@@ -1,14 +0,0 @@
-import { useHeight } from './use-rect';
-
-export function usePlaceholder(contentRef, bem) {
-  const height = useHeight(contentRef);
-
-  return (renderContent) => (
-    <div
-      class={bem('placeholder')}
-      style={{ height: height.value ? `${height.value}px` : null }}
-    >
-      {renderContent()}
-    </div>
-  );
-}

src/composition/use-placeholder.tsx

@@ -0,0 +1,16 @@
+import { useHeight } from './use-rect';
+import type { Ref, VNode } from 'vue';
+import type { BEM } from '../utils/create/bem';
+
+export function usePlaceholder(contentRef: Ref<Element>, bem: BEM) {
+  const height = useHeight(contentRef);
+
+  return (renderContent: () => VNode) => (
+    <div
+      class={bem('placeholder')}
+      style={{ height: height.value ? `${height.value}px` : undefined }}
+    >
+      {renderContent()}
+    </div>
+  );
+}