fix: hydration mis-match when properties aren't rendered in the HTML

[steveworkman]

Fixes #34. Also tidies up the types in the LitServerWrapper.ts file.

To do:

• [x] Add tests
• [ ] More TS cleanup

[steveworkman]

With the great suggestions above I think we're a few steps closer - however, we still get the hydration issue described in #34

[steveworkman]

When combined with the latest Lit fixes, and https://github.com/vuejs/core/pull/7300 - this works properly in dev mode. The key was that Nuxt does not set the compiler options in runtime, so the plugin has to do this itself.

This appears to work fine in dev mode, though built production mode doesn't quite work as expected. I will continue to investigate this

[steveworkman]

I've added an extra check as there was a __DEV__ check in an if statement that made it only work in dev. All sorted now and this works in production builds too

[prashantpalikhe]

@steveworkman Do we need to update this PR against the main? The LitWrapperClient e.g. looks significantly different. Do we need all the changes for that component in this PR?

[steveworkman]

@steveworkman Do we need to update this PR against the main? The LitWrapperClient e.g. looks significantly different. Do we need all the changes for that component in this PR?

I've merged in main and checked it and it should all be fine. I tried to add in some more TS checks to the code as it was giving errors in my IDE.

One thing to note is that this version won't hydrate correctly without https://github.com/vuejs/core/pull/7300 - so maybe we should hold onto this for a little bit longer?

[prashantpalikhe]

Yeah, let's wait till that PR to Vue core gets merged.