add filter to show full date

Author: shawnthompson

.eleventy.js

@@ -109,12 +109,22 @@ module.exports = function (eleventyConfig) {
     return collection.filter((item) => item.data.locale === locale);
   });
 
+  // Specific postDate filter for blog posts or other content with strict formatting
   eleventyConfig.addFilter("postDate", (dateObj) => {
     return DateTime.fromJSDate(dateObj, { zone: "utc" })
       .setLocale("en")
       .toFormat("yyyy'-'MM'-'dd");
   });
 
+  // Format date filter to display full date
+  eleventyConfig.addFilter("formatDate", function (dateObj) {
+    const locale = this.ctx.locale || 'en';  // Use the locale from the context, default to 'en'
+
+    return DateTime.fromJSDate(dateObj, { zone: "utc" })
+      .setLocale(locale)
+      .toLocaleString(DateTime.DATE_MED);  // Use DATE_MED to exclude the day of the week
+  });
+
   eleventyConfig.addPassthroughCopy({ "./src/_docs": "docs" });
   eleventyConfig.addPassthroughCopy({ "./src/_images": "img" });
   eleventyConfig.addPassthroughCopy({ "./src/CNAME": "CNAME" });