Troubleshooting Nuxt OG Image

Debugging

Nuxt DevTools

The best tool for debugging is the Nuxt DevTools integration with Nuxt OG Image.

This will show you your OG Image and give you all of the debug information.

Debug Config

You can enable the debug option which will give you more granular output.

Submitting an Issue

You can use the following Stackblitz playgrounds to experiment with Nuxt OG Image and submit issues.

If you run into any issues with Nuxt OG Image, it's recommended to clone of these playgrounds Stackblitz to reproduce the issue.

• Nuxt OG Image
• Nuxt OG Image x Nuxt Content v2
• Nuxt OG Image x Nuxt Content v3
• Nuxt OG Image x Nuxt I18n

Stackblitz Compatibility

StackBlitz runs Nuxt within a webcontainer, so it has fairly limited compatibility.

• You can't use anything that will require a fetch request to a different server (e.g. Google Fonts, custom Emojis, images, etc).
• The chromium renderer is not supported
• sharp is not supported, so you can't use JPEGs
• inline-css is not supported, so you can't <style> blocks