[FEAT] Support for Astro

[SalahAdDin]

Your component is amazing for improving the UX/UI of our websites.

We want you to support Astro too.

How could we help you with it?

[maxiCalderonBuono]

Hello! I'm also looking for Astro support! It would be amazing since more and more of us are using Astro in our daily work, in my case, alongside Svelte.

[barvian]

Hi, thanks for the feedback. Would the Svelte version work for you in this case?

[ruizdiazever]

Hi, I'm using number-flow with shadcn-svelte (next) and Svelte 5 on Astro 5 and it works great, maybe something to improve is to add a small guide to install the package on the specific targets (Svelte, React, etc.)

[maxiCalderonBuono]

Still same error for me, I'm using it in a plain Svelte 5 component and then use it on an Astro 5 component. Even using the directive client:only='svelte' I keep on getting Error hydrating: TypeError matchMedia is not a function. I've also tried different versions and still the same.

[barvian]

@maxiCalderonBuono Hi, could you file an issue for this? I haven't seen that error before 🤔

[ruizdiazever]

I haved the same problem in Svelte 5 without shadcn-svelte D:

[barvian]

Hi, thanks for the discussion. For clarification, do you mean a vanilla JS astro component? i.e. no framework

[barvian]

Hi, I've released a vanilla JS version of NumberFlow with some SSR instructions for Astro:

https://number-flow.barvian.me/vanilla

[ruizdiazever]

Bravo, thanks!

[SalahAdDin]

Thanks man!