add: article view

View for blog articles, with date filter

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>

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(),
 )

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()}`
+}