chore: hydration-issue warning due to SSR generated DateTime value

[khatastroffik]

The potential difference between server and client time is not important here (and the gap wouldn't occur very often and correspond to a neglectable difference).

🔗 Linked issue

see the annotations in the CI lint action log.

❓ 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)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Add data-allow-mismatch="attribute" html attribute to avoid the hydration-issue warning.

An alternative would be to generate the title using useState("og-image-without-cache", () => new Date())... or a <ClientOnly> or similar approach.

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/nuxt-og-image@535

commit: 1c6cab4

[harlan-zw]

Thanks :)