Add support for Solid

[simonihmig]

Closes #812

To Do:

• figure out importing CSS (lib-starter setup is broken)
• docs
• Fix lazy loading in FF - blocked on Cannot lazy load images in Firefox or Chrome solidjs/solid#1828

[changeset-bot]

🦋 Changeset detected

Latest commit: be0d0b8

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@responsive-image/solid	Major

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[birkskyum]

@simonihmig , how can I repro that this is breaking? The responsive-image/apps/solid-start appear to be returning the "ResponsiveImage for Solid"

[simonihmig]

I have disabled ssr here in the app config, with that client-side seems to work, but surprisingly I still get ssr-related errors in the terminal:

Error when evaluating SSR module /src/images/aurora.jpg.css?_plugin=responsive-image%2Flqip%2Finline-css&className=ri-dyn-1&targetPixels=16&inline=true:
|- Error: Input file is missing: /src/images/aurora.jpg

With ssr enabled I then get also Hydration Mismatch in the browser.

Note that this branch has a lot of WIP stuff on my side, so I wouldn't rule out that something is broken there. Though I wouldn't know how the runtime component stuff would break the build in that way, and the custom vite plugin used here has been working successfully in other non-solid projects!

The other PR (#860 ) though has just plain solid starter plus downgraded vinxie/vite deps, so no way really that my stuff could have broken this...

Either way, thanks for looking into this!