2 - Add real hawk catcher to the svelte playground

[Reversean]

Closes #137

Added HawkCatcher configuration in svelte playground.

[neSpecc]

maybe it should be inside "svelte" package?

/packages
   /svelte
      /playground
      /src
   ...

[Reversean]

I've tried it first, but it seems some problem with yarn or vite:

If I put playground directory into packages/svelte and define it as workspace (I need it because i need to add dependency on @hawk.so/svelte somehow) yarn workspace @hawk.so/svelte-playground build breaks with an error due to the fact that it does not understand some svelte syntax constructs.

Usually it output something like this:

error during build:
[vite-plugin-svelte:compile] [plugin vite-plugin-svelte:compile] src/routes/+layout.svelte (3:9)
1 | <script lang="ts">
2 | import '../app.css';
3 | import favicon from '$lib/assets/favicon.svg';
           ^
4 |
5 | let {children} = $props();

which shouldn't happen at all.

It seems that vitePreprocess from @sveltejs/vite-plugin-svelte stopped working in this case, but I still don't understand why.

[Reversean]

I managed to solve the problem by upgrading yarn to the latest version. Now we can place the playground in the sveltekit package directory and build will work correctly.