refactor: reorganize all components (#8303)

src/tabbar-item/TabbarItem.tsx

@@ -1,8 +1,8 @@
-import { computed, getCurrentInstance } from 'vue';
-import { TABBAR_KEY, TabbarProvide } from '../tabbar';
+import { computed, getCurrentInstance, defineComponent } from 'vue';
 
 // Utils
 import { createNamespace, isObject } from '../utils';
+import { TABBAR_KEY, TabbarProvide } from '../tabbar/Tabbar';
 
 // Composables
 import { useParent } from '@vant/use';
@@ -12,9 +12,11 @@ import { routeProps, useRoute } from '../composables/use-route';
 import Icon from '../icon';
 import Badge from '../badge';
 
-const [createComponent, bem] = createNamespace('tabbar-item');
+const [name, bem] = createNamespace('tabbar-item');
+
+export default defineComponent({
+  name,
 
-export default createComponent({
   props: {
     ...routeProps,
     dot: Boolean,

src/tabbar-item/index.ts

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