refactor: reorganize all components (#8303)

src/contact-card/ContactCard.tsx

@@ -1,12 +1,14 @@
-import { PropType } from 'vue';
+import { PropType, defineComponent } from 'vue';
 import { createNamespace } from '../utils';
 import Cell from '../cell';
 
-const [createComponent, bem, t] = createNamespace('contact-card');
+const [name, bem, t] = createNamespace('contact-card');
 
 export type ContactCardType = 'add' | 'edit';
 
-export default createComponent({
+export default defineComponent({
+  name,
+
   props: {
     tel: String,
     name: String,

src/contact-card/index.ts

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