types(Badge): improve typing

src/badge/index.tsx

@@ -2,13 +2,18 @@ import { isDef, createNamespace } from '../utils';
 
 const [createComponent, bem] = createNamespace('badge');
 
+export type BadgeProps = {
+  dot?: boolean;
+  badge?: number | string;
+};
+
 export default createComponent({
   props: {
     dot: Boolean,
     badge: [Number, String],
   },
 
-  setup(props) {
+  setup(props: BadgeProps) {
     return () => {
       const { dot, badge } = props;
       const hasBadge = isDef(badge) && badge !== '';

src/utils/create/component.ts

@@ -2,16 +2,16 @@
  * Create a basic component with common options
  */
 import { camelize } from '../format/string';
-import type { App, ComponentOptions } from 'vue';
+import { App, defineComponent, ComponentOptionsWithObjectProps } from 'vue';
 
 export function createComponent(name: string) {
-  return function (sfc: ComponentOptions) {
+  return function (sfc: ComponentOptionsWithObjectProps) {
     sfc.name = name;
     sfc.install = (app: App) => {
       app.component(name as string, sfc);
       app.component(camelize(`-${name}`), sfc);
     };
 
-    return sfc;
+    return defineComponent(sfc);
   };
 }