docs: Create WGSL resolution example

[mhawryluk]

closes #1304

[github-actions]

pkg.pr.new

packages

pnpm i https://pkg.pr.new/software-mansion/TypeGPU/typegpu@1330
pnpm i https://pkg.pr.new/software-mansion/TypeGPU/typegpu@19dcf16aa942c32f5b75705e535cc9814595fea8

benchmark
view benchmark

commit
view commit

[reczkok]

It totally breaks for me

I had better results with this although not ideal still (I also changed the query selector to .inner)

<div class="wgsl">
  <span class="inner"></span>
</div>

<style>
  .wgsl {
    padding: 2rem;
    max-height: 91vh;
    max-width: 100%;
    border-radius: 0.75rem;
    overflow: auto;

    background-color: var(--color-tameplum-100, #e2e2f0);
  }
  .inner {
    overflow: hidden;
    color: var(--color-tameplum-800, #515061);
    font-family: monospace;
    white-space: pre-wrap;
  }
</style>

[mhawryluk]

i believe it works now

[reczkok]

It works great now 👍