mirror of
https://github.com/mmahdium/portfolio.git
synced 2026-08-16 21:14:31 +03:30
feat(resume): enhance spacing, styling, and add markdown text parsing
- 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
This commit is contained in:
@@ -0,0 +1,22 @@
|
||||
/**
|
||||
* 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,
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user