54 lines
1.1 KiB
Vue
54 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import type { ParsedContent } from "@nuxt/content/dist/runtime/types";
|
|
|
|
useHead({
|
|
htmlAttrs: {
|
|
lang: "en",
|
|
},
|
|
title: "",
|
|
titleTemplate: "%s",
|
|
meta: [
|
|
{ name: "description", content: "Al Asad Nur riyad's Personal Blog Site" },
|
|
{ name: "twitter:card", content: "summary_large_image" },
|
|
{ name: "twitter:site", content: "@nuxt_js" },
|
|
{ name: "twitter:creator", content: "@nuxt_js" },
|
|
],
|
|
});
|
|
|
|
const { data } = await useAsyncData("index", () => queryContent("/").find());
|
|
|
|
useState("blogData", () => (data.value as Array<ParsedContent>) || []);
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<NuxtLayout>
|
|
<NuxtLoadingIndicator />
|
|
<NuxtPage />
|
|
</NuxtLayout>
|
|
</div>
|
|
</template>
|
|
<style>
|
|
/* Page transition */
|
|
.page-enter-active,
|
|
.page-leave-active {
|
|
transition: all 0.2s;
|
|
}
|
|
.page-enter-from,
|
|
.page-leave-to {
|
|
opacity: 0;
|
|
filter: blur(1rem);
|
|
}
|
|
|
|
/* Layout Transition */
|
|
.layout-enter-active,
|
|
.layout-leave-active {
|
|
transition: all 0.3s;
|
|
}
|
|
.layout-enter-from,
|
|
.layout-leave-to {
|
|
opacity: 0;
|
|
filter: blur(1rem);
|
|
}
|
|
</style>
|