mirror of
https://github.com/mmahdium/portfolio.git
synced 2026-08-17 05:24:30 +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
22 lines
573 B
Vue
22 lines
573 B
Vue
<script setup lang="ts">
|
|
import { parseMarkdownBold } from '~/composables/useMarkdownText'
|
|
|
|
interface Props {
|
|
summary: string
|
|
}
|
|
|
|
const props = defineProps<Props>()
|
|
|
|
const parsedSummary = computed(() => parseMarkdownBold(props.summary))
|
|
</script>
|
|
|
|
<template>
|
|
<section class="mb-12 print:mb-12">
|
|
<h2
|
|
class="text-base font-bold text-blue-700 uppercase border-b-2 border-blue-600 pb-2 mb-5 print:mb-5 tracking-wide">
|
|
Summary
|
|
</h2>
|
|
<p class="text-sm text-gray-800 leading-loose print:leading-loose" v-html="parsedSummary" />
|
|
</section>
|
|
</template>
|