mirror of
https://github.com/ArthurDanjou/changelog-artsite.git
synced 2026-01-14 12:14:34 +01:00
81 lines
2.3 KiB
Vue
81 lines
2.3 KiB
Vue
<script setup>
|
|
useHead({
|
|
meta: [
|
|
{ name: 'viewport', content: 'width=device-width, initial-scale=1' }
|
|
],
|
|
link: [
|
|
{ rel: 'icon', href: '/favicon.ico' }
|
|
],
|
|
htmlAttrs: {
|
|
lang: 'en'
|
|
}
|
|
})
|
|
|
|
const title = 'Nuxt Changelog Template'
|
|
const description = 'Display GitHub release notes as a beautiful changelog for any repository with this Nuxt UI template.'
|
|
|
|
useSeoMeta({
|
|
title,
|
|
description,
|
|
ogTitle: title,
|
|
ogDescription: description,
|
|
ogImage: 'https://ui4.nuxt.com/assets/templates/nuxt/changelog-light.png',
|
|
twitterImage: 'https://ui4.nuxt.com/assets/templates/nuxt/changelog-light.png',
|
|
twitterCard: 'summary_large_image'
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<UApp>
|
|
<div class="min-h-screen xl:grid xl:grid-cols-2">
|
|
<UPageSection
|
|
title="Changelog"
|
|
description="Display GitHub release notes as a beautiful changelog for any repository with this Nuxt UI template."
|
|
orientation="vertical"
|
|
:links="[{
|
|
label: 'Documentation',
|
|
icon: 'i-lucide-book-open',
|
|
variant: 'ghost',
|
|
size: 'md',
|
|
to: 'https://ui.nuxt.com/getting-started/installation/nuxt',
|
|
target: '_blank'
|
|
}, {
|
|
label: 'GitHub',
|
|
icon: 'i-simple-icons-github',
|
|
variant: 'ghost',
|
|
size: 'md',
|
|
to: 'https://github.com/nuxt-ui-templates/changelog',
|
|
target: '_blank'
|
|
}]"
|
|
:ui="{
|
|
root: 'border-b border-default xl:border-b-0 xl:sticky xl:inset-y-0 xl:h-screen overflow-hidden',
|
|
container: 'h-full items-center justify-center',
|
|
wrapper: 'flex flex-col',
|
|
headline: 'mb-6',
|
|
title: 'text-left text-4xl',
|
|
description: 'text-left max-w-lg',
|
|
links: 'gap-1 justify-start -ms-2.5'
|
|
}"
|
|
>
|
|
<template #top>
|
|
<SkyBg />
|
|
|
|
<div class="absolute -right-1/2 z-[-1] rounded-full bg-primary blur-[300px] size-60 sm:size-100 transform -translate-y-1/2 top-1/2" />
|
|
</template>
|
|
|
|
<template #headline>
|
|
<AppLogo class="w-auto h-6 shrink-0 text-highlighted" />
|
|
</template>
|
|
|
|
<template #default />
|
|
</UPageSection>
|
|
|
|
<section class="px-4 sm:px-6 xl:px-0 xl:-ms-30 xl:flex-1">
|
|
<UColorModeButton class="fixed top-4 right-4 z-10" />
|
|
|
|
<NuxtPage />
|
|
</section>
|
|
</div>
|
|
</UApp>
|
|
</template>
|