Open
Description
Building off of #4 this also opens up the ability to create a few Blade components to add a bunch of nice goodies.
You could do
<x-og-image template="example" title="hello world" />
And this would generate an image tag with the route url already set in it. This component would need to be aware of what native props are on an <img />
so that way it proxies those down to the underlining image tag, then knows template
is a special property, and the rest should be treated as og-image props.
This could also give us a meta tag helper
<x-og-image.meta template="example" title="hello world" />
Which would generate not only the proper <meta />
but also a <link rel="preload" as="image" />
tags so that way the preload will generate the image and cache it so that way the very first visit to that page will handle that, so all crawlers and that are faster fetching.