From 9abd595b49c6a1f4cc329beaa96818be1e4de6dd Mon Sep 17 00:00:00 2001
From: webfussel <fiona@webfussel.de>
Date: Thu, 12 Jun 2025 14:14:19 +0200
Subject: [PATCH] add: article view

View for blog articles, with date filter
---
 app/pages/blog/[slug].vue | 2 +-
 app/pages/blog/index.vue  | 7 +------
 app/utils/date.ts         | 4 ++++
 3 files changed, 6 insertions(+), 7 deletions(-)
 create mode 100644 app/utils/date.ts

diff --git a/app/pages/blog/[slug].vue b/app/pages/blog/[slug].vue
index f035be2..0195bc6 100644
--- a/app/pages/blog/[slug].vue
+++ b/app/pages/blog/[slug].vue
@@ -27,7 +27,7 @@
 <script setup lang="ts">
 const route = useRoute()
 
-const { data: article } = await useAsyncData('article', () => queryCollection('blog').path(route.path).first())
+const { data: article } = await useAsyncData('article', () => queryCollection('blog').path(route.path).where('date', '<', tomorrow(new Date())).first())
 </script>
 
 <style scoped>
diff --git a/app/pages/blog/index.vue b/app/pages/blog/index.vue
index 3f0558f..e8e4b86 100644
--- a/app/pages/blog/index.vue
+++ b/app/pages/blog/index.vue
@@ -26,13 +26,8 @@ import type { Category } from '../../components/Blog/types'
 
 const route = useRoute()
 
-const simpleDate = (date: Date) => {
-  date.setDate(date.getDate() + 1)
-  return `${date.getFullYear()}-${`${date.getMonth() + 1}`.padStart(2, '0')}-${date.getDate()}`
-}
-
 const { data: articles } = await useAsyncData('articles', () => queryCollection('blog')
-  .where('date', '<', simpleDate(new Date()))
+  .where('date', '<', tomorrow(new Date()))
   .order('date', 'DESC')
   .all(),
 )
diff --git a/app/utils/date.ts b/app/utils/date.ts
new file mode 100644
index 0000000..6306f3f
--- /dev/null
+++ b/app/utils/date.ts
@@ -0,0 +1,4 @@
+export const tomorrow = (date: Date) => {
+  date.setDate(date.getDate() + 1)
+  return `${date.getFullYear()}-${`${date.getMonth() + 1}`.padStart(2, '0')}-${date.getDate()}`
+}
\ No newline at end of file