Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Using with lit and astro

See original GitHub issue

Using this package doesn’t work with lit and Astro. it doesn’t recognize the props being used in lit components. I’m using typescript. It recognizes props on .astro files just fine.

Issue Analytics

State:
Created a year ago
Comments:5

Top GitHub Comments

1reaction

Zizico2commented, May 7, 2022

I’ll upload it and update this comment

StackBlitz reproduction

0reactions

argyleinkcommented, May 9, 2022

i think to go about fixing this you’d need be running rollup/postcss yourself instead of via vite/astro. then you’ll have lower level access to add that postcss-lit plugin that intends to process contents of css() in JS through postcss. for right now tho yeah, the contents of css() are being passed straight to lit’s function. maybe you could find a way to call postcss() instead of css()? then you’d be specifically asking for processed styles before giving them to lit?

or, maybe have lit import a file instead of writing the styles in a JS function? perhaps postcss will process it before it gets shared to modules.

Top Results From Across the Web

@astrojs/lit Astro Documentation

To use your first Lit component in Astro, head to our UI framework documentation. This explains: how framework components are loaded,; client-side ...

Astro Framework Lit Example - StackBlitz

Run official live example code for Astro Framework Lit, created by Withastro on StackBlitz. ... Open in StackBlitz](https://developer.

[New Framework] Lit SSR · Issue #109 · withastro/astro - GitHub

I did a proof of concept of Lit working with their new SSR support. It's in this branch: https://github.com/snowpackjs/astro/tree/try-lit.

Server Side Rendering Vanilla Custom elements in Astro

Considering that LitElement down the line just extends from HTMLElement, I was hoping to be able to reuse the Lit integration to SSR...

Astro. Evaluating the New Kid on the Block. Running Web ...

Using the astro add lit command, Lit Element support can be added automatically to project. There is also a manual guide to adding...