Author | Lightnews

nuqayah.bsky.social @nuqayah.bsky.social · 1h

Thanks for the tip. Much better dx. And shaved 85kb off my svelte bundle size (moved from paraglide).

Stanislav @khromov.se · Sep 16

✨ Just released a new video! In this one we take a deep dive into Wuchale - the coolest translation (i18n) library for Svelte! See it in action with a real SvelteKit app in the video! #svelte #internationalization #webdev #javascript
www.youtube.com/watch?v=d0RP...

Translate your Svelte and SvelteKit applications the easy way - full tutorial

00:00 The problem with existing Paraglide and other i18n libraries 01:20 Why Wuchale is different 02:07 Translating the DeriVault password manager 03:05 Installing Wuchale in a SvelteKit app 05:06…

www.youtube.com

3

nuqayah.bsky.social @nuqayah.bsky.social · 7h

vite-plugin-domain: no-config ssl domains, powered by
@caddy.bsky.social (@vite.dev)

Easy as adding `domain()` to `plugins: [...]`. I work on tons of Svelte apps simultaneously, so this is a life saver.

npmjs.com/package/vite-plugin-domain

1 3 7

nuqayah.bsky.social @nuqayah.bsky.social · 7h

That's hilarious 😂

2

nuqayah.bsky.social @nuqayah.bsky.social · 1d

Oh, there's a plugin for that, nice! I'll move to it for my projects. It's tedious duplicating aliases. :)

www.npmjs.com/package/vite...

1

nuqayah.bsky.social @nuqayah.bsky.social · 1d

Thanks for explaining Ben! I add aliases to tsconfig.json for that reason.

Can't svelte-pkg read from it too? I think it's what most tools refer to.

Even vite should read from it imo, but maybe there is a reason it doesn't.

1

nuqayah.bsky.social @nuqayah.bsky.social · 1d

In spirit of "use the platform", is there a reason why svelte-package can't read aliases from vite directly (resolve.alias)? Instead of forcing the user to create kit.alias.

For the same reason can't `svelte.config.js` entirely be avoided? I had to add it just to appease svelte-package.

1

nuqayah.bsky.social @nuqayah.bsky.social · 5d

Thanks rich! Can we call it prerendering then? Since it's not network related (load), but execution related (render).

1 1

nuqayah.bsky.social @nuqayah.bsky.social · 5d

> for frameworks like SvelteKit to implement preloading

nit: this phrasing can mislead, as sveltekit has (data) preloading, right?

> You can speed up client-side navigations by eagerly preloading the necessary code and data, using link options.
svelte.dev/docs/kit/per...

1

nuqayah.bsky.social @nuqayah.bsky.social · 6d

i rewrote a popular next.js site in svelte. LOC before/after: 1/5th* of the code. <3 svelte

(this is a follow upon my previous post bsky.app/profile/nuqa...)

* 1/5th and not 1/6.7th since there are a few more features to add to svelte version

3 3 21

nuqayah.bsky.social @nuqayah.bsky.social · 7d

i rewrote a popular next.js site in svelte. before/after. <3 svelte

1 2 22

nuqayah.bsky.social @nuqayah.bsky.social · 7d

minor: `onerror = () => {}` is valid js, but fails in a .svelte.js file.

svelte.dev/playground/h...

1 1

nuqayah.bsky.social @nuqayah.bsky.social · 10d

That is true, I was being facetious 😄

1

nuqayah.bsky.social @nuqayah.bsky.social · 10d

svelte.dev

$> new Set(Object.keys(window)).difference(new Set('window,self,...').split(',')))

Set(5) {'__sveltekit_1hmftqw', '__svelte', 'si', 'vam', 'va'}

:)

1 1

nuqayah.bsky.social @nuqayah.bsky.social · 10d

And it's nice to have window.router.goto/route/etc just like there are `location.*` and `history.*` globals.

1

nuqayah.bsky.social @nuqayah.bsky.social · 10d

Thanks for replying Paolo! I've build an SPA router. I attach it to `window` in all cases. So it'd be useful if `window.router.route` was a reactive property.

I can use context or import in another way. But prefer a global var, for `window.router` consistency.

And context doesn't work for js files

2

nuqayah.bsky.social @nuqayah.bsky.social · 10d

Svelte: is there a way to attach a reactive object (rune or store) to window? To make the below examples possible

- `URL: {window.$route.url}` (if a store)
- const url = $derived(window.route.url)
- $effect(() => { console.log(window.route.url) })

(I know the idiomatic solution is `context`)

1 1

nuqayah.bsky.social @nuqayah.bsky.social · 12d

thanks for the mcp — very useful. can we get a skill/cli as well?

simonwillison.net/2025/Oct/16/...

1

nuqayah.bsky.social @nuqayah.bsky.social · 19d

Thanks, that makes sense!

nuqayah.bsky.social @nuqayah.bsky.social · 20d

svelte kit docs:
> Data will never be preloaded if the user has chosen reduced data usage, meaning navigator.connection.saveData is true.

This makes sense, but not for mousedown/touchstart, as that will virtually always result in a click (right?).

So this simply slows down svkit sites.

1 1

nuqayah.bsky.social @nuqayah.bsky.social · 22d

i was reading svelte kit's source. this seems to contradict? or am i missing something.

1

nuqayah.bsky.social @nuqayah.bsky.social · Sep 29

vite-plugin-domain: no-config ssl domains, powered by @caddy.bsky.social (@vite.dev)

npmjs.com/package/vite-plugin-domain

1 2

nuqayah.bsky.social @nuqayah.bsky.social · Sep 18

> SvelteKit felt a bit heavy with its file conventions. React + React Router felt more stripped back

Strong agree, and I've been telling the svelte team this.

1

nuqayah.bsky.social @nuqayah.bsky.social · Sep 9

nice!
using svg:
svelte.dev/playground/2...

a bit shorter, but requires js to trigger the animation. not sure if that can be simplified.

1 2

nuqayah.bsky.social @nuqayah.bsky.social · Aug 14

Why is this now a warning? My svelte config is in vite.config.js.

[vite-plugin-svelte] no Svelte config found at /path/to/app - using default configuration.

1

nuqayah.bsky.social @nuqayah.bsky.social · Aug 3

Nice!
How is it done?

2 1