Sj/devport 29

src/components/blog/BlogIndex.astro

@@ -21,6 +21,7 @@ interface Props {
   paginationProps?: {
     length: number
     currentPage: number
+    baseUrl: string
     firstUrl: string | undefined
     prevUrl: string | undefined
     nextUrl: string | undefined
@@ -127,6 +128,7 @@ const {
         <Pagination
           length={paginationProps.length}
           currentPage={paginationProps.currentPage}
+          baseUrl={paginationProps.baseUrl}
           firstUrl={paginationProps.firstUrl}
           prevUrl={paginationProps.prevUrl}
           nextUrl={paginationProps.nextUrl}

src/components/blog/Pagination.astro

@@ -1,5 +1,6 @@
 ---
-const { length, currentPage, firstUrl, prevUrl, nextUrl, lastUrl } = Astro.props
+const { length, currentPage, baseUrl, firstUrl, prevUrl, nextUrl, lastUrl } =
+  Astro.props
 
 const paginationList = Array.from({ length }, (_, i) => i + 1)
 ---
@@ -28,7 +29,7 @@ const paginationList = Array.from({ length }, (_, i) => i + 1)
   {
     paginationList.map((num) => (
       <a
-        href={`/developers/blog${num == 1 ? '' : '/' + num}`}
+        href={`${baseUrl}${num == 1 ? '' : '/' + num}`}
         class={`pagination__link ${currentPage == num ? 'disabled active' : ''}`}
       >
         {num}

src/pages/blog/[...page].astro

@@ -49,6 +49,7 @@ const { page, allTags } = Astro.props
     paginationProps={{
       length: page.lastPage,
       currentPage: page.currentPage,
+      baseUrl: '/developers/blog',
       firstUrl: page.url.first,
       prevUrl: page.url.prev,
       nextUrl: page.url.next,

src/pages/blog/tag/[tag]/[...page].astro

@@ -67,6 +67,7 @@ const { page, allTags, selectedTag } = Astro.props
     paginationProps={{
       length: page.lastPage,
       currentPage: page.currentPage,
+      baseUrl: `/developers/blog/tag/${getTagSlug(selectedTag)}`,
       firstUrl: page.url.first,
       prevUrl: page.url.prev,
       nextUrl: page.url.next,