vielle.dev
[Archived] Archived WIP of vielle.dev
Sort posts by date and fix formatting
+5
-5
src/components/blog/Post.astro
+5
-5
src/components/blog/Post.astro
···
24
24
25
25
const date = (() => {
26
26
const year = data.date.getFullYear() + "";
27
-
const month = data.date.getMonth() + "";
28
-
const day = data.date.getDay() + "";
27
+
const month = data.date.getMonth() + 1 + "";
28
+
const date = data.date.getDate() + "";
29
29
30
30
return {
31
31
year: "0".repeat(4 - year.length) + year,
32
32
month: "0".repeat(2 - month.length) + month,
33
-
day: "0".repeat(2 - day.length) + day,
33
+
date: "0".repeat(2 - date.length) + date,
34
34
};
35
35
})();
36
36
···
92
92
<div>
93
93
<a href={`/blog/${id}/`}>({id}) {data.title}</a>
94
94
<br />
95
-
<time datetime={`${date.year}-${date.month}-${date.day}`}
96
-
>{date.day}-{date.month}-{date.year}</time
95
+
<time datetime={`${date.year}-${date.month}-${date.date}`}
96
+
>{date.date}-{date.month}-{date.year}</time
97
97
>
98
98
</div>
99
99
</section>
+3
-1
src/pages/blog/index.astro
+3
-1
src/pages/blog/index.astro
···
9
9
import { getCollection } from "astro:content";
10
10
import { blog } from "@/config";
11
11
12
-
const posts = await getCollection("blog");
12
+
const posts = await getCollection("blog").then((x) =>
13
+
x.sort((a, b) => b.data.date.getTime() - a.data.date.getTime())
14
+
);
13
15
const nav = await getCollection("nav").then((x) => x.map((x) => x.data));
14
16
---
15
17