import { For, Show } from "solid-js"; import { isServer } from "solid-js/web"; import { resumeStore } from "~/stores/resume"; function PreviewPlaceholder() { return (

Live Preview

Auto-updates
Loading preview...
); } export const ResumePreview = () => { const { resume } = resumeStore; return ( }>

Live Preview

Auto-updates
{/* Resume Preview Card */}
{/* Header / Personal Info */}

{resume.personal.fullName || "Your Name"}

{resume.personal.email} {resume.personal.phone} {resume.personal.location}
{resume.personal.linkedin} {resume.personal.github} {resume.personal.portfolio}
{/* Summary */}

Summary

{resume.summary}

{/* Experience */} 0}>

Experience

{(exp) => (

{exp.title || "Job Title"}

{exp.company || "Company"} {exp.location && ` • ${exp.location}`}

{exp.startDate || "Start"} -{" "} {exp.current ? "Present" : exp.endDate || "End"}
    b.trim())}> {(bullet) => (
  • {bullet}
  • )}
)}
{/* Education */} 0}>

Education

{(edu) => (

{edu.institution || "Institution"}

{edu.degree || "Degree"} {edu.field && ` in ${edu.field}`} {edu.gpa && ` • GPA: ${edu.gpa}`}

{edu.startDate || "Start"} - {edu.endDate || "End"}
)}
{/* Skills */} 0}>

Skills

{(skill) => ( {skill.name} )}
{/* Projects */} 0}>

Projects

{(project) => (

{project.name || "Project Name"}

{project.url}

{project.description}

0}>

Tech: {project.technologies.join(", ")}

)}
{/* Certifications */} 0}>

Certifications

{(cert) => (
{cert.name || "Certification"} {" "} • {cert.issuer || "Issuer"}
{cert.date}
)}
{/* Empty State */}

Start filling in your details
to see the preview

); };