Svelte preprocessing example

[tommywalkie]

Hi,
First of all, I would like to say I really enjoy using uvu, thanks @lukeed for making this awesome tool.
I was interested into using it in a Svelte / TypeScript project. but uvu doesn't have preprocessing support.

So I added a new example svelte-preprocess in which I re-adapted the original svelte example but using TypeScript preprocessor. Most of the scripts come from svelte-jester (MIT licensed), which allows Jest to handle Svelte files using preprocessors if some svelte.config.js file exists.

Implementation could be better, but performance seems quite fine though.

Count.svelte

<script>
    type CountResult = number
    export let count: CountResult = 5;

    function increment(): void {
        count++;
    }

    function decrement(): void {
        count--;
    }
</script>

<button id="decr" on:click={decrement}>--</button>
<span>{count}</span>
<button id="incr" on:click={increment}>++</button>

Logs

$ uvu tests -r esm -r tests/setup/register -i setup
Count.js
• • • •   (4 / 4)

  Total:     4
  Passed:    4
  Skipped:   0
  Duration:  29.92ms

Done in 2.57s.

[benmccann]

The title of this PR is "Svelte preprocessing support with example", but I only see example code. Is there library code that was accidentally left off this PR or should the title be updated to something more like "Svelte preprocessing example"?

[tommywalkie]

@benmccann Hi, sorry for the long delay, yes we can rename it like "Svelte preprocessing example" for clarity.