fix: display blog posts

_build.ts

@@ -1,6 +1,4 @@
-type BuildMode = string | undefined
-
-const createConfig = (mode: BuildMode) => {
+const createConfig = (mode?: string) => {
   if (typeof mode === 'undefined') {
     throw new Error('BUILD_MODE is not defined')
   }
@@ -16,6 +14,6 @@ const createConfig = (mode: BuildMode) => {
   }
 }
 
-const BUILD_MODE: BuildMode = Deno.env.get('BUILD_MODE')
+const BUILD_MODE = Deno.env.get('BUILD_MODE')
 
 export const config = createConfig(BUILD_MODE)

plugins/md5-cache-buster/mod.ts

@@ -31,7 +31,7 @@ export default function (userOptions?: Partial<Options>) {
     site.addEventListener('afterRender', () => {
       site.process(options.extensions, (pages) => pages.forEach(buildHash))
 
-      site.process(['.html'], replaceUrls)
+      site.process(['.html'], (pages) => pages.forEach(replaceUrls))
     })
 
     function buildHash(page: Lume.Page) {

src/_components/layout/navbar.tsx

@@ -2,7 +2,7 @@ export default (
   { activeUrl, comp, icons, search }: Lume.PageProps,
   { urlFilter }: Lume.Helpers,
 ) => {
-  const items = search.pages('menu.visible=true', 'menu.order')
+  const items = search.pages<Lume.PageProps>('menu.visible=true', 'menu.order')
 
   return (
     <>

src/blog.tmpl.ts

@@ -2,8 +2,8 @@ export const indexable = true
 export const layout = 'layouts/posts.tsx'
 export const importJs = '/scripts/search.js'
 
-export default function* ({ paginate, search }: Lume.Data) {
-  const posts = search.pages('type=post', 'date=desc')
+export default function* ({ paginate, search }: Lume.PageProps) {
+  const posts = search.pages<Lume.PageProps>('type=post', 'date=desc')
   const options = {
     url: (n: number) => n == 1 ? `/blog/` : `/blog/${n}/`,
     size: 4,

src/index.tsx

@@ -5,7 +5,7 @@ export const title = 'Home'
 export const layout = 'layouts/root.tsx'
 
 export default ({ comp, search }: Lume.Data) => {
-  const posts = search.pages('type=post', 'date=desc', 3)
+  const posts = search.pages<Lume.Data>('type=post', 'date=desc', 3)
 
   return (
     <>
@@ -38,7 +38,7 @@ export default ({ comp, search }: Lume.Data) => {
       <hr />
       <h2>Recent posts</h2>
       <section itemScope itemType='http://schema.org/Blog'>
-        {posts.map(({ data }, index) => (
+        {posts.map((data, index) => (
           <comp.blog.post index={index.toString()} {...data} />
         ))}
         {posts?.length === 0 && <p>Sorry, no posts matched your criteria.</p>}

src/posts/_data.ts

@@ -1,10 +1,8 @@
-import type { Page } from '#types'
-
 export const indexable = true
 export const type = 'post'
 export const layout = 'layouts/post.tsx'
 export const importJs = '/scripts/blog.js'
 
-export function url(page: Page): string {
+export function url(page: Lume.Page): string {
   return `/blog/${page.data.title}/`
 }