eggy/public
1
0
Fork 0
Code Issues 7 Pull Requests 1 Releases Wiki Activity

Nuxt Content 3 migration #12

Merged
eggy merged 81 commits from js into master 2022-08-10 18:38:39 -04:00
Conversation 0 Commits 81 Files Changed 169 +12 -6
2 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 18fd91adc3 - Show all commits

2
components/Tag.vue
View File

@ -5,7 +5,7 @@ const { dest } = defineProps<{ dest: string }>();
<template> <template>
<a :href="dest"> <a :href="dest">
<div <div
class="inline-block text-xs rounded-full py-1 px-2 mt-1 mr-1 bg-gray-300 dark:bg-gray-500" class="inline-block text-xs rounded-full py-1 px-2 mt-1 mr-1 bg-gray-300 dark:bg-gray-500 transition"
> >
<slot /> <slot />
</div> </div>

16
pages/stories.vue
View File

@ -20,12 +20,18 @@ const getPrettyDate = (story: StoryParsedContent) => {
</script> </script>
<template> <template>
<main class="flex flex-col grow prose dark:prose-invert max-w-3xl"> <main
<h1>Stories</h1> class="flex flex-col grow prose dark:prose-invert max-w-3xl gap-6 transition"
<div class="story-card p-4" v-for="(story, index) in docs" :key="index"> >
<h1 class="mb-0">Stories</h1>
<div
class="story-card p-4 pb-2"
v-for="(story, index) in docs"
:key="index"
>
<a :href="story._path" class="no-underline"> <a :href="story._path" class="no-underline">
<h3 <h3
class="text-left text-2xl sm:text-2xl font-bold hover:text-blue-700 leading-tight m-0" class="text-left text-2xl sm:text-2xl font-bold hover:text-blue-700 dark:hover:text-blue-400 leading-tight m-0 transition"
> >
{{ story.title }} {{ story.title }}
</h3> </h3>
@ -46,7 +52,7 @@ const getPrettyDate = (story: StoryParsedContent) => {
<div class="text-right"> <div class="text-right">
<a <a
:href="story._path" :href="story._path"
class="no-underline hover:underline font-semibold text-blue-700 m-0" class="no-underline hover:underline font-semibold text-blue-700 dark:text-blue-400"
> >
Continue reading → Continue reading →
</a> </a>