refactor: reorganize all components (#8303)

src/badge/Badge.tsx

@@ -1,10 +1,12 @@
-import type { PropType, CSSProperties } from 'vue';
+import { PropType, CSSProperties, defineComponent } from 'vue';
 import { isDef, createNamespace } from '../utils';
 import { isNumeric } from '../utils/validate/number';
 
-const [createComponent, bem] = createNamespace('badge');
+const [name, bem] = createNamespace('badge');
+
+export default defineComponent({
+  name,
 
-export default createComponent({
   props: {
     dot: Boolean,
     max: [Number, String],

src/badge/index.ts

@@ -0,0 +1,7 @@
+import { installable } from '../utils';
+import _Badge from './Badge';
+
+const Badge = installable(_Badge);
+
+export default Badge;
+export { Badge };