mirror of
https://github.com/mmahdium/portfolio.git
synced 2026-08-17 05:24:30 +03:30
mahdiarghyani
df9b181a90
- Add print media queries to main.css for proper PDF export formatting - Ensure white background and light color scheme when printing - Refactor ResumeAdditionalInfo component to display skills in categorized format - Remove languages and certifications from additional info section - Add ResumeLanguages component for dedicated language display - Optimize spacing with print-specific margin utilities across all resume sections - Improve text wrapping and hyphenation in ResumeExperience component - Enhance ResumeHeader layout with print-optimized image sizing - Update resume data structure to support new component organization - Add research documentation on mentioning AI skills in resume - Update PDF export endpoint to work with refactored component structure - Remove outdated chat history file
28 lines
738 B
Vue
28 lines
738 B
Vue
<script setup lang="ts">
|
|
import type { Skill } from '~/types/resume'
|
|
|
|
interface Props {
|
|
skills: Skill[]
|
|
}
|
|
|
|
const props = defineProps<Props>()
|
|
</script>
|
|
|
|
<template>
|
|
<section class="mb-6 print:mb-4">
|
|
<h2 class="text-base font-bold text-blue-600 uppercase border-b-2 border-blue-600 pb-1 mb-3">
|
|
Skills & Qualifications
|
|
</h2>
|
|
|
|
<!-- Technical Skills (categorized) -->
|
|
<div v-if="skills?.length">
|
|
<div class="space-y-0.5">
|
|
<div v-for="skill in skills" :key="skill.name" class="text-sm">
|
|
<span class="font-medium text-gray-800">{{ skill.name }}:</span>
|
|
<span class="text-gray-700"> {{ skill.keywords.join(', ') }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|