Fix updated date

astro.config.mjs

@@ -7,20 +7,25 @@ import compress from 'astro-compress'
 import { defineConfig } from 'astro/config'
 import sitemap from '@astrojs/sitemap'
 import tailwind from '@astrojs/tailwind'
+import { modifiedTime } from './src/utils/modifiedTime.mjs'
+import { filePath } from './src/utils/filePath.mjs'
 
 // https://astro.build/config
 export default defineConfig({
-	integrations: [
-		preact({
-			include: ['**/preact/*'],
-		}),
-		react({
-			include: ['**/react/*'],
-		}),
-		mdx(),
-		compress(),
-		sitemap(),
-		tailwind(),
-	],
-	site: `https://bewebdev.tech/`,
+  integrations: [
+    preact({
+      include: ['**/preact/*'],
+    }),
+    react({
+      include: ['**/react/*'],
+    }),
+    mdx(),
+    compress(),
+    sitemap(),
+    tailwind(),
+  ],
+  markdown: {
+    remarkPlugins: [modifiedTime, filePath],
+  },
+  site: `https://bewebdev.tech/`,
 })

src/components/RightSidebar/RightSidebar.astro

@@ -12,7 +12,7 @@ const { headings, githubEditUrl } = Astro.props as Props
 ---
 
 <nav class='w-full sticky top-0' aria-labelledby='grid-right'>
-	<div class='h-full overflow-auto'>
+	<div class='h-full overflow-auto pb-32'>
 		<TableOfContents client:only='preact' headings={headings} />
 		<MoreMenu editHref={githubEditUrl} />
 	</div>

src/components/RightSidebar/TableOfContents.tsx

@@ -13,27 +13,22 @@ type ItemOffsets = {
 type ListLinkProps = {
 	href: string
 	children: ReactNode
-	className?: string
 	depth?: number
 }
 
 const ListLink = ({
 	children,
 	href,
-	className = '',
 	depth = 0,
 }: ListLinkProps) => {
-	const linkCss =
-		'hover:bg-basetext/10 rounded-md group-hover:border-b-transparent block px-4 py-1 text-sm scroll-mt-32 max-w-[170px] ' +
-		className
 
 	return (
 		<li className='p-1 border-b-2 border-b-basetext/10 last:border-0'>
 			<a
 				style={{
 					paddingLeft: `${depth * 8}px`,
 				}}
-				className={linkCss}
+				className='hover:bg-basetext/10 rounded-md group-hover:border-b-transparent block px-4 py-1 text-sm scroll-mt-32 md:whitespace-nowrap'
 				href={href}
 			>
 				{children}

src/config.ts

@@ -17,6 +17,8 @@ export type Frontmatter = {
   dir?: 'ltr' | 'rtl'
   ogLocale?: string
   lang?: string
+  filePath?: string
+  lastModified?:  string
 }
 
 export const GITHUB_EDIT_URL = `https://github.com/NowYouKnowProgramming/webdev-learning-materials/tree/main`