Blog Component Zoo

import MdxPreview from ’./assets/MdxPreview’ This is a collection of reusable components that I have created for my blog. <Age /> This component calculates the age based on the birth date and the current date. import Age from '@/Age' Hello, I am years old. <ArchivedLink /> This component creates a link to an archived version of a webpage. import ArchivedLink from '@/ArchivedLink' My old blog from 2020 is archived on the Wayback Machine. <Divider /> This component creates a horizontal divider with an icon in the middle. import Divider from '@/Divider' <Figure /> W This component creates a figure with an image and a caption. import Figure from '@/Figure' <FileTree client:load /> This component renders a file tree structure based on a given data structure. import FileTree from '@/FileTree' <FileTree client:load> - src - components - Button.tsx - Card.tsx - pages - index.astro - about.astro </FileTree> import FileTree from ’@/FileTree’ - src - components - Button.tsx - Card.tsx - pages -…