docs(PostPage): fix surround order

[maximepvrt]

🔗 Linked issue

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

@farnabaz There is still an issue with the surround links being in the wrong order at the bottom.

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[pkg-pr-new]

npm i https://pkg.pr.new/@nuxt/content@2985

commit: 2e76f0b

[farnabaz]

Isn't this true order? I think previous items should be on the left side. They are similar to the back button just above them.

Correct me if I'm wrong @benjamincanac

[maximepvrt]

@farnabaz All previous links are currently on the right, and next links are on the left. You can see an example of this behavior on this page: https://nuxt.com/blog/v3-15. It would work perfectly if the order followed the same logic as listing all the articles here: https://github.com/nuxt/content/blob/main/docs/app/pages/blog/index.vue#L14.

However, it might make sense to reverse the order if the locale uses a right-to-left (RTL) reading direction. What do you think?

[farnabaz]

It is worth waiting for @benjamincanac opinion about this. As I see in ContentSurround component, the previous item should have direction="left" attribute which matches the current order.

    <ReuseLinkTemplate :link="surround[0]"... direction="left" />
    <ReuseLinkTemplate :link="surround[1]" ... direction="right" />

[farnabaz]

Well, I had a quick chat with Benjamin, and seems that I got it wrong.
Thanks for the PR @maximepvrt ❤️