8fc4675421
* Improve search functionality with Fuse.js * Centralized social media links in `data/index.ts` * Fix formatting Signed-off-by: nurRiyad <asadnurriyad@gmail.com> * Update dependency Signed-off-by: nurRiyad <asadnurriyad@gmail.com> * Fix formatting Signed-off-by: nurRiyad <asadnurriyad@gmail.com> --------- Signed-off-by: nurRiyad <asadnurriyad@gmail.com> Co-authored-by: nurRiyad <asadnurriyad@gmail.com>
49 lines
1.5 KiB
Vue
49 lines
1.5 KiB
Vue
<script setup lang="ts">
|
|
import { footerData, socialLinks } from '~/data'
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<p class="text-black dark:text-zinc-300 text-2xl py-1 font-semibold">
|
|
{{ footerData.author }}
|
|
</p>
|
|
<p class="py-2 dark:text-zinc-300">
|
|
{{ footerData.aboutAuthor }}
|
|
</p>
|
|
<div class="my-3 space-x-3 pb-3">
|
|
<NuxtLink
|
|
:to="socialLinks.githubLink"
|
|
target="_blank"
|
|
class="p-2 bg-gray-300 text-gray-800 rounded-md dark:bg-sky-700 dark:text-[#F1F2F4]"
|
|
aria-label="Github"
|
|
>
|
|
<Icon name="fa:github" size="1em" />
|
|
</NuxtLink>
|
|
<NuxtLink
|
|
:to="socialLinks.linkedinLink"
|
|
target="_blank"
|
|
class="p-2 bg-gray-300 text-gray-800 rounded-md dark:bg-sky-700 dark:text-[#F1F2F4]"
|
|
aria-label="LinkedIn"
|
|
>
|
|
<Icon name="fa:linkedin-square" size="1em" />
|
|
</NuxtLink>
|
|
<NuxtLink
|
|
:to="socialLinks.twitterLink"
|
|
target="_blank"
|
|
class="p-2 bg-gray-300 text-gray-800 rounded-md dark:bg-sky-700 dark:text-[#F1F2F4]"
|
|
aria-label="Twitter"
|
|
>
|
|
<Icon name="fa:twitter-square" size="1em" />
|
|
</NuxtLink>
|
|
<NuxtLink
|
|
:to="socialLinks.stackoverflowLink"
|
|
target="_blank"
|
|
class="p-2 bg-gray-300 text-gray-800 rounded-md dark:bg-sky-700 dark:text-[#F1F2F4]"
|
|
aria-label="StackOverflow"
|
|
>
|
|
<Icon name="fa:stack-overflow" size="1em" />
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
</template>
|