80 lines
1.9 KiB
Vue
80 lines
1.9 KiB
Vue
<script setup>
|
|
const description =
|
|
'Riyad, Software Engineer at AppsCode working on ByteBuilders, with over 2 years experience in Frontend development.'
|
|
const ogTitle =
|
|
'Riyad codes and helps others learning Javascript, Typescript, Vue, Nuxt, & Problem Solving'
|
|
const twitterDescription =
|
|
'My website of where I play around with Nuxt, Vue and more and showcase my blog, resources etc'
|
|
const twitterCard = 'https://res.cloudinary.com/dmecmyphj/image/upload/v1673369821/cld-sample-2.jpg'
|
|
const mySite = 'http://localhost:3000/'
|
|
useHead({
|
|
htmlAttrs: {
|
|
lang: 'en',
|
|
},
|
|
meta: [
|
|
{
|
|
name: 'description',
|
|
content: description,
|
|
},
|
|
// Test on: https://developers.facebook.com/tools/debug/ or https://socialsharepreview.com/
|
|
{ property: 'og:site_name', content: mySite },
|
|
{ property: 'og:type', content: 'website' },
|
|
{
|
|
property: 'og:url',
|
|
content: mySite,
|
|
},
|
|
{
|
|
property: 'og:title',
|
|
content: ogTitle,
|
|
},
|
|
{
|
|
property: 'og:description',
|
|
content: description,
|
|
},
|
|
{
|
|
property: 'og:image',
|
|
content: twitterCard,
|
|
},
|
|
// Test on: https://cards-dev.twitter.com/validator or https://socialsharepreview.com/
|
|
{ name: 'twitter:site', content: '@debs_obrien' },
|
|
{ name: 'twitter:card', content: 'summary_large_image' },
|
|
{
|
|
name: 'twitter:url',
|
|
content: mySite,
|
|
},
|
|
{
|
|
name: 'twitter:title',
|
|
content: ogTitle,
|
|
},
|
|
{
|
|
name: 'twitter:description',
|
|
content: twitterDescription,
|
|
},
|
|
{
|
|
name: 'twitter:image',
|
|
content: twitterCard,
|
|
},
|
|
],
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<NuxtLayout>
|
|
<NuxtLoadingIndicator />
|
|
<NuxtPage />
|
|
</NuxtLayout>
|
|
</div>
|
|
</template>
|
|
<style>
|
|
.page-enter-active,
|
|
.page-leave-active {
|
|
transition: all 0.4s;
|
|
}
|
|
.page-enter-from,
|
|
.page-leave-to {
|
|
opacity: 0;
|
|
filter: blur(1rem);
|
|
}
|
|
</style>
|