refactor: extract getSlugFromFile()

website/src/pages/blog/[slug].astro

@@ -2,14 +2,14 @@
 import AboutMe from '../../components/AboutMe.astro'
 import Layout from '../../layouts/Layout.astro'
 import Markdown from '../../components/Markdown.astro'
+import { getSlugFromFile } from '../../utils.ts'
 
 export async function getStaticPaths() {
   const posts = await Astro.glob('../../posts/*.md')
 
   return posts
     .map(post => {
-      const parts = post.file.replace('.md', '').split('/')
+      const slug = getSlugFromFile(post.file)
-      const slug = parts[parts.length - 1]
 
       return {
         params: { slug },

website/src/pages/blog/index.astro

@@ -1,5 +1,6 @@
 ---
 import PageLayout from '../../layouts/PageLayout.astro'
+import { getSlugFromFile } from '../../utils.ts'
 
 const posts = await Astro.glob("../../posts/*.md")
 
@@ -10,8 +11,7 @@ const filteredPosts = posts
 
 const sortedPosts = filteredPosts
   .map(post => {
-    const parts = post.file.replace('.md', '').split('/')
+    const slug = getSlugFromFile(post.file)
-    const slug = parts[parts.length - 1]
 
     return { post, slug }
   })

website/src/pages/talks/[slug].astro

@@ -5,13 +5,13 @@ import Layout from '../../layouts/Layout.astro'
 import Markdown from '../../components/Markdown.astro'
 import Slides from '../../components/talk/Slides.astro'
 import Video from '../../components/talk/Video.astro'
+import { getSlugFromFile } from '../../utils.ts'
 
 export async function getStaticPaths() {
   const talks = await Astro.glob('../../talks/*.md')
 
   return talks.map(talk => {
-    const parts = talk.file.replace('.md', '').split('/')
+    const slug = getSlugFromFile(talk.file)
-    const slug = parts[parts.length - 1]
 
     return {
       params: { slug },

website/src/pages/talks/index.astro

@@ -1,6 +1,6 @@
 ---
-import _ from 'lodash'
 import PageLayout from '../../layouts/PageLayout.astro'
+import { getSlugFromFile } from '../../utils.ts'
 
 const talks = await Astro.glob("../../talks/*.md")
 
@@ -10,8 +10,7 @@ const talkCount = _(talks)
 
 const sortedTalks = talks
   .map(talk => {
-    const parts = talk.file.replace('.md', '').split('/')
+    const slug = getSlugFromFile(talk.file)
-    const slug = parts[parts.length - 1]
 
     return { slug, talk }
   })

website/src/utils.ts

@@ -0,0 +1,5 @@
+export function getSlugFromFile(file: string): string {
+  const parts = file.replace('.md', '').split('/')
+
+  return parts[parts.length - 1]
+}