portfolio/src/components/Vcard/index.tsx

import meta from '../../../_content/meta.json'
import resume from '../../../_content/resume.json'

export default function Vcard() {
  const { name, label, email, profiles } = resume.basics

  const vCardMeta = {
    ...meta,
    /// photoSrc,
    name,
    label,
    email,
    profiles
  }

  const handleAddressbookClick = (e) => {
    e.preventDefault()

    import('./_utils').then(({ init }) => {
      init(vCardMeta)
    })
  }

  return (
    <a
      // href is kinda fake, only there for usability
      // so user knows what to expect when hovering the link before clicking
      href={meta.addressbook}
      onClick={handleAddressbookClick}
    >
      Add to addressbook
    </a>
  )
}