feat: add custom slug validation and handling for posts

- Enhance content configuration with slug validation to ensure only valid characters are used
- Update post routing to support custom slugs with fallback to default slug
- Implement slug duplication check to prevent conflicts across different languages
- Modify various page components to use custom or default slugs in URL generation

src/pages/[lang]/index.astro

@@ -21,7 +21,7 @@ const posts = await getPosts()
         <ul>
           {pinnedPosts.map(post => (
             <li>
-              <a href={`/${lang}/posts/${post.slug}/`}>
+              <a href={`/${lang}/posts/${post.data.slug || post.slug}/`}>
                 {post.data.title}
                 <time>({post.data.published.toISOString().split('T')[0]})</time>
               </a>
@@ -35,7 +35,7 @@ const posts = await getPosts()
       <ul>
         {posts.map(post => (
           <li>
-            <a href={`/${lang}/posts/${post.slug}/`}>
+            <a href={`/${lang}/posts/${post.data.slug || post.slug}/`}>
               {post.data.title}
               <time>({post.data.published.toISOString().split('T')[0]})</time>
             </a>

src/pages/[lang]/posts/[slug].astro

@@ -1,13 +1,23 @@
 ---
 import { themeConfig } from '@/config'
 import Layout from '@/layouts/Layout.astro'
+import { checkSlugDuplication } from '@/utils/content.config'
 import { getCollection } from 'astro:content'
 
 export async function getStaticPaths() {
   const posts = await getCollection('posts')
+  
+  const duplicates = await checkSlugDuplication(posts)
+  if (duplicates.length > 0) {
+    throw new Error(`Slug conflicts found:\n${duplicates.join('\n')}`)
+  }
+
   return themeConfig.global.moreLocale.flatMap(lang =>
     posts.map(post => ({
-      params: { lang, slug: post.slug },
+      params: {
+        lang,
+        slug: post.data.slug || post.slug,
+      },
       props: { post },
     })),
   )

src/pages/[lang]/rss.xml.ts

@@ -65,7 +65,7 @@ export async function GET({ params }: APIContext) {
       pubDate: post.data.published,
       description: post.data.description || getExcerpt(post.body),
       // Generate absolute URL with language prefix
-      link: new URL(`${lang}/posts/${post.slug}/`, url).toString(),
+      link: new URL(`${lang}/posts/${post.data.slug || post.slug}/`, url).toString(),
       // Convert markdown content to HTML, allowing img tags
       content: post.body
         ? sanitizeHtml(parser.render(post.body), {

src/pages/[lang]/tags/[tags].astro

@@ -32,7 +32,7 @@ const allTags = await getAllTags()
     <ul>
       {posts.map(post => (
         <li>
-          <a href={`/${lang}/posts/${post.slug}/`}>{post.data.title}</a>
+          <a href={`/${lang}/posts/${post.data.slug || post.slug}/`}>{post.data.title}</a>
         </li>
       ))}
     </ul>

src/pages/index.astro

@@ -13,7 +13,7 @@ const pinnedPosts = await getPinnedPosts()
         <ul>
           {pinnedPosts.map(post => (
             <li>
-              <a href={`/posts/${post.slug}/`}>
+              <a href={`/posts/${post.data.slug || post.slug}/`}>
                 {post.data.title}
                 <time>({post.data.published.toISOString().split('T')[0]})</time>
               </a>
@@ -27,7 +27,7 @@ const pinnedPosts = await getPinnedPosts()
       <ul>
         {posts.map(post => (
           <li>
-            <a href={`/posts/${post.slug}/`}>
+            <a href={`/posts/${post.data.slug || post.slug}/`}>
               {post.data.title}
               <time>({post.data.published.toISOString().split('T')[0]})</time>
             </a>

src/pages/posts/[slug].astro

@@ -1,11 +1,20 @@
 ---
 import Layout from '@/layouts/Layout.astro'
+import { checkSlugDuplication } from '@/utils/content.config'
 import { getCollection } from 'astro:content'
 
 export async function getStaticPaths() {
   const posts = await getCollection('posts')
+  
+  const duplicates = await checkSlugDuplication(posts)
+  if (duplicates.length > 0) {
+    throw new Error(`Slug conflicts found:\n${duplicates.join('\n')}`)
+  }
+
   return posts.map(post => ({
-    params: { slug: post.slug },
+    params: {
+      slug: post.data.slug || post.slug,
+    },
     props: { post },
   }))
 }

src/pages/rss.xml.ts

@@ -42,7 +42,7 @@ export async function GET() {
       pubDate: post.data.published,
       description: post.data.description || getExcerpt(post.body),
       // Generate absolute URL for post
-      link: new URL(`posts/${post.slug}/`, url).toString(),
+      link: new URL(`posts/${post.data.slug || post.slug}/`, url).toString(),
       // Convert markdown content to HTML, allowing img tags
       content: post.body
         ? sanitizeHtml(parser.render(post.body), {

src/pages/tags/[tags].astro

@@ -28,7 +28,7 @@ const allTags = await getAllTags()
     <ul>
       {posts.map(post => (
         <li>
-          <a href={`/posts/${post.slug}/`}>{post.data.title}</a>
+          <a href={`/posts/${post.data.slug || post.slug}/`}>{post.data.title}</a>
         </li>
       ))}
     </ul>