Fix images to properly create g-image components

[absentees]

Noticed in the starter site the images are plain old single <img> tags.

<img alt="Cover image" src="/images/uploads/sun-3713835_1920.jpg" class="post-card__image g-image">

After these changes:

<div class="post-card__header"><img alt="Cover image" src="/assets/static/sun-3713835_1920.81b85c1.d20ee42ad83e81611d99389b4b982ab3.jpg" data-src="/assets/static/sun-3713835_1920.81b85c1.d20ee42ad83e81611d99389b4b982ab3.jpg" data-srcset="/assets/static/sun-3713835_1920.81b85c1.d20ee42ad83e81611d99389b4b982ab3.jpg 770w" data-sizes="(max-width: 770px) 100vw, 770px" class="post-card__image g-image g-image--lazy g-image--loaded" srcset="/assets/static/sun-3713835_1920.81b85c1.d20ee42ad83e81611d99389b4b982ab3.jpg 770w" sizes="(max-width: 770px) 100vw, 770px" width="770"><noscript><img src="/assets/static/sun-3713835_1920.81b85c1.d20ee42ad83e81611d99389b4b982ab3.jpg" class="post-card__image g-image g-image--loaded" width="770" alt="Cover image"></noscript></div>

Lazy loading and all that now working.

The image paths look super messy with the ../../static but I cant find a better solution for now.

[suits-at]

Thanks for the PR @absentees. Have you tried editing the images via netlify cms after your change? I found an issue in the official starter blog template. In this issues it is mentioned, that editing the paths to relative paths breaks editing from the cms. If this is true, using relative paths is not really a solution for this issue.

[absentees]

Thanks for the PR @absentees. Have you tried editing the images via netlify cms after your change? I found an issue in the official starter blog template. In this issues it is mentioned, that editing the paths to relative paths breaks editing from the cms. If this is true, using relative paths is not really a solution for this issue.

Yep i deployed to a new netlify site and tested uploading a new image. Using the new beta feature it sets the image paths correctly.

[suits-at]

I just merged your PR into master, and also tested it (https://netlifycms-gridsome.suits.at/) - seems to work. I am still not very happy with the relative paths but I guess it will do for now. At least we have proper g-images now... 😃 Thx again for the PR!