{"version":3,"file":"index.qXBuY8Ek.js","sources":["../../../../assets/images/nikola-ivanovic-profile-picture.jpg","../../../../components/Avatar/index.vue","../../../../components/Hero/index.vue","../../../../components/Skill/List.vue","../../../../components/Skill/Section.vue","../../../../pages/index.vue"],"sourcesContent":["export default \"__VITE_ASSET__DVmph$2f__\"","<template>\r\n  <div class=\"avatar\">\r\n    <div class=\"w-32 rounded-full mb-5\">\r\n      <img\r\n        src=\"~/assets/images/nikola-ivanovic-profile-picture.jpg\"\r\n        alt=\"Nikola Ivanovic\\'s profile picture\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n","<template>\r\n  <div\r\n    class=\"hero pt-[30px] min-h-[88vh] sm:min-h-screen bg-base-100 bg-gradient-to-b from-gray-200 to-gray-100 dark:gradient-to-b dark:from-base-200 dark:to-base-100\">\r\n    <div class=\"hero-content text-center\">\r\n      <div class=\"max-w-2xl\">\r\n        <Avatar />\r\n        <h1 class=\"text-3xl font-bold\">👋 Hello World!</h1>\r\n        <p class=\"text-xl py-6\">\r\n          I am Nikola, a Full-Stack Software Engineer from Serbia.<br />\r\n          <!-- I am experienced JavaScript/Node.js developer with main focus on: React.js, Next.js, Vue.js, Express.js,\r\n          Nest.js, PostgreSQL, MySQL, MongoDB, TypeScript, GraphQL, Tailwind CSS and Docker. -->\r\n          I am experienced JavaScript/Node.js developer\r\n          but also I have some experience with Java, Python and PHP.<br />\r\n          <!-- My main focus is on: React.js, Next.js, Vue.js, Express.js,\r\n          Nest.js, PostgreSQL, MySQL, MongoDB, TypeScript, GraphQL, Tailwind CSS and Docker. -->\r\n          <!-- I am\r\n          mostly experienced with JavaScript/Node.js (MEVN, MERN, and MEAN stack)\r\n          but I also have experience with Java, PHP and Python. -->\r\n        </p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n","<template>\r\n  <div class=\"!grid grid-cols-3 justify-items-center md:grid-cols-3 md:gap-8 lg:grid-cols-4 xl:grid-cols-6 'mx-10\">\r\n    <template v-for=\"(skill, idx) in skillsToShow\" :key=\"idx\">\r\n      <SkillCard :skill=\"skill\" :skillIndex=\"idx\" />\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\n\r\nimport type { Skill } from '../../types/skill.type'\r\n\r\nconst { skills, numberOfShownSkills } = defineProps<{\r\n  skills: Skill[]\r\n  numberOfShownSkills: string\r\n}>()\r\n\r\nconst numberOfSkillsToShow = computed(() =>\r\n  numberOfShownSkills === 'All'\r\n    ? skills.length.toString()\r\n    : numberOfShownSkills\r\n)\r\n\r\nconst skillsToShow = computed(() =>\r\n  skills.slice(0, parseInt(numberOfSkillsToShow.value))\r\n)\r\n</script>\r\n","<template>\r\n  <div class=\"!mb-[30px] md:!mb-[100px] md:mx-10\">\r\n    <h2 class=\"text-center text-3xl !mb-[70px] font-semibold\">Skills</h2>\r\n    <SkillList :skills=\"introSectionSkills\" :numberOfShownSkills=\"numberOfShownSkills\" />\r\n    <NuxtLink v-if=\"showViewAllButton\" to=\"/skills\"\r\n      class=\"w-[200px] flex btn bg-blue-600 border-blue-600 text-white mx-auto mt-[25px] md:mt-[80px] hover:bg-blue-700 hover:border-blue-700 hover:text-white tooltip\">\r\n      Check all my skills\r\n    </NuxtLink>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { skills } from '~/constants'\r\n\r\nimport SkillList from './List.vue'\r\n\r\nconst introSkillSection: string[] = [\r\n  // 'Next.js',\r\n  'React.js',\r\n\r\n  'Vue.js',\r\n  // 'Nuxt.js',\r\n  'Angular',\r\n  'Node.js',\r\n  'Express.js',\r\n  'Nest.js',\r\n  'PostgreSQL',\r\n  // 'MySQL',\r\n  'MongoDB',\r\n  'TypeScript',\r\n  'GraphQL',\r\n  'Tailwind',\r\n  // 'SASS',\r\n  'Docker'\r\n]\r\n\r\nconst introSectionSkills = computed(() =>\r\n  skills.filter((skill) => introSkillSection.includes(skill.name)).sort((a, b) => introSkillSection.indexOf(a.name) - introSkillSection.indexOf(b.name))\r\n)\r\n\r\ndefineProps<{\r\n  showViewAllButton: boolean\r\n  numberOfShownSkills: string\r\n}>()\r\n</script>\r\n","<template>\r\n  <div>\r\n    <Hero />\r\n    <SkillSection :showViewAllButton=\"false\" numberOfShownSkills=\"15\" />\r\n    <ProjectSection :showViewAllButton=\"true\" :numberOfShownProjects=\"numberOfShownProjectsBasedOnScreenSize\" />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { useWindowSize } from '@vueuse/core'\r\n\r\nconst { width } = useWindowSize()\r\n\r\nconst numberOfShownProjectsBasedOnScreenSize = computed(() =>\r\n  width.value >= 1540 ? '8' : '9'\r\n)\r\n\r\nuseSeoMeta({\r\n  title: 'Home | Nikola Ivanovic 👨‍💻',\r\n  ogTitle: '👨‍💻 Home | Nikola Ivanovic',\r\n  description:\r\n    'I am Nikola, a Full-Stack Software Engineer from Serbia. Welcome to my portfolio website, where you can learn more about me, my skills and my projects.',\r\n  ogDescription:\r\n    'Welcome to my portfolio website, where you can learn more about me 🧔‍♂️, my skills 💻 and my projects 🙃',\r\n  ogImage: `${process.env.NODE_ENV === 'development'\r\n    ? 'http://localhost:3000'\r\n    : 'https://nikola-ivanovic-software-engineer.com'\r\n    }/images/nikola-ivanovic-software-engineer.jpg`,\r\n  twitterCard: 'summary_large_image',\r\n})\r\n</script>\r\n"],"names":["_imports_0","_createElementVNode","_hoisted_3","_cache","_hoisted_1","_hoisted_2","_hoisted_5","_createTextVNode","_openBlock","_createElementBlock","_createVNode","_component_Avatar","_hoisted_4","skills","numberOfShownSkills","__props","numberOfSkillsToShow","computed","skillsToShow","introSkillSection","introSectionSkills","skill","a","b","width","useWindowSize","numberOfShownProjectsBasedOnScreenSize","useSeoMeta"],"mappings":"qVAAA,MAAeA,EAAA,GAAA,IAAA,IAAA,+CAAA,YAAA,GAAA,EAAA,2BCOL,IADFC,EAAA,MAAA,CAAA,MAAA,wBAAA,EAAA,CAFyDA,EAAA,MAAA,CACzD,IAAID,mDAEFE,EAAA,iBACFC,EAAA,0DCLCC,EAAA,CAAA,MAAM,2JAA0B,EAC9BC,EAAA,CAAA,MAAM,0BAAW,EAEpBH,EAAA,CAAA,MAAA,WAAA,IACAD,EAWI,KAAA,CAXI,MAAe,sBAAA,kBAAA,EAAA,EAP/BK,EAOgCL,EACkC,IAAA,CAAA,MAAA,cAAA,EAAA,CAAAM,EAAM,2DAAA,EARxEN,EAYoE,IAAA,EAAAM,EAAM,2GAAA,yCATtE,OAAAC,EAAA,EAiBMC,EAAA,MAAAL,EAAA,CAhBJH,EAAA,QAeM,GAdM,MAAAC,EAAA,CACVQ,EAAmDC,CAAA,EACnDC,83BCMF,KAAA,CAAE,OAAAC,EAAQ,oBAAAC,CAAwB,EAAAC,EAKlCC,EAAuBC,EAAS,IACpCH,IAAwB,MACpBD,EAAO,OAAO,SACd,EAAAC,CAAA,EAGAI,EAAeD,EAAS,IAC5BJ,EAAO,MAAM,EAAG,SAASG,EAAqB,KAAK,CAAC,CAAA,mYCTtD,MAAMG,EAA8B,CAElC,WAEA,SAEA,UACA,UACA,aACA,UACA,aAEA,UACA,aACA,UACA,WAEA,QAAA,EAGIC,EAAqBH,EAAS,IAClCJ,EAAO,OAAQQ,GAAUF,EAAkB,SAASE,EAAM,IAAI,CAAC,EAAE,KAAK,CAACC,EAAGC,IAAMJ,EAAkB,QAAQG,EAAE,IAAI,EAAIH,EAAkB,QAAQI,EAAE,IAAI,CAAC,CAAA,8cC1BjJ,KAAA,CAAE,MAAAC,GAAUC,IAEZC,EAAyCT,EAAS,IACtDO,EAAM,OAAS,KAAO,IAAM,GAAA,EAGnB,OAAAG,EAAA,CACT,MAAO,+BACP,QAAS,+BACT,YACE,0JACF,cACE,4GACF,QAAS,6FAIT,YAAa,qBAAA,CACd"}