mirror of
https://github.com/ArthurDanjou/changelog-artsite.git
synced 2026-01-14 12:14:34 +01:00
54 lines
1.3 KiB
Vue
54 lines
1.3 KiB
Vue
<script setup lang="ts">
|
|
const appConfig = useAppConfig()
|
|
|
|
const { data: versions } = await useFetch(computed(() => `https://ungh.cc/repos/${appConfig.repository}/releases`), {
|
|
transform: (data: {
|
|
releases: {
|
|
name?: string
|
|
tag: string
|
|
publishedAt: string
|
|
markdown: string
|
|
}[]
|
|
}) => {
|
|
return data.releases.map(release => ({
|
|
tag: release.tag,
|
|
title: release.name || release.tag,
|
|
date: release.publishedAt,
|
|
markdown: release.markdown
|
|
}))
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<UChangelogVersions
|
|
as="main"
|
|
:indicator-motion="false"
|
|
:ui="{
|
|
root: 'py-16 sm:py-24 lg:py-32',
|
|
indicator: 'inset-y-0'
|
|
}"
|
|
>
|
|
<UChangelogVersion
|
|
v-for="version in versions"
|
|
:key="version.tag"
|
|
v-bind="version"
|
|
:ui="{
|
|
root: 'flex items-start',
|
|
container: 'max-w-xl',
|
|
header: 'border-b border-default pb-4',
|
|
title: 'text-3xl',
|
|
date: 'text-xs/9 text-highlighted font-mono',
|
|
indicator: 'sticky top-0 pt-16 -mt-16 sm:pt-24 sm:-mt-24 lg:pt-32 lg:-mt-32'
|
|
}"
|
|
>
|
|
<template #body>
|
|
<MDC
|
|
v-if="version.markdown"
|
|
:value="version.markdown"
|
|
/>
|
|
</template>
|
|
</UChangelogVersion>
|
|
</UChangelogVersions>
|
|
</template>
|