Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/danielroe/roe.dev. This is the code and content for my personal website, built in Nuxt. roe.dev
Something went wrong. Try again.
1.2 kB · 57 lines
Vue
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758<script setup lang="ts">import { blogEntries } from '#build/markdown/blog-entries.mjs'</script>
<template> <section class="flex flex-col gap-4 max-w-[37.50rem]"> <NuxtLink v-for="{ title, path, date } in blogEntries" :key="path" :to="path" :title="title" class="rounded f-ring pb-1" > <article> <header class="flex flex-col md:flex-row justify-between items-start"> <span class="underlined-link"> {{ title }} </span> <dl v-if="date" class="mt-3 md:mt-1 leading-normal uppercase text-xs text-muted" > <dt class="sr-only"> Published </dt> <dd class="mr-4"> <NuxtTime :datetime="date" day="numeric" month="long" year="numeric" /> </dd> </dl> </header> </article> </NuxtLink> </section></template>
<style scoped>a:focus,a:active,a:hover { header span { view-transition-name: heading; }
dl dt { view-transition-name: published-dt; }
dl dd { view-transition-name: published-dd; }}</style>