mirror of
https://github.com/mmahdium/portfolio.git
synced 2026-08-14 20:22:49 +03:30
mahdiarghyani
12c8847447
- Update section spacing from mb-8 to mb-12 for improved visual hierarchy - Refine heading padding and margins for consistent section styling - Adjust work experience highlights spacing and add leading-relaxed for readability - Implement markdown bold text parsing in job highlights using new composable - Add color-coded icons in resume header (red for location, green for phone, amber for email, blue for website) - Reorganize contact information into two lines for better layout organization - Standardize icon sizing with explicit w-4 h-4 dimensions across header - Create useMarkdownText composable for markdown formatting utilities - Update resume data and PDF export endpoint to support enhanced styling - Improve print styling consistency across all resume components
23 lines
529 B
TypeScript
23 lines
529 B
TypeScript
/**
|
|
* Utility function for parsing simple markdown bold syntax (**text**) to HTML
|
|
* Used in resume components to highlight important keywords
|
|
* SSR-compatible - works on both server and client
|
|
*/
|
|
|
|
/**
|
|
* Converts **text** to <strong>text</strong>
|
|
*/
|
|
export function parseMarkdownBold(text: string): string {
|
|
if (!text) return ''
|
|
return text.replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>')
|
|
}
|
|
|
|
/**
|
|
* Composable wrapper for Vue components
|
|
*/
|
|
export function useMarkdownText() {
|
|
return {
|
|
parseMarkdownBold,
|
|
}
|
|
}
|