TRL `0.2.0-next.X` Update Marathon

const width = ${window).width() * 0.5;
const height = ${window).height() * 0.5;

const width = ${window).width() * 0.5;
const height = ${window).height() * 0.5;

left: '25%',
top: '25%',
width: '50%',
height: '50%',

left: '25%',
top: '25%',
width: '50%',
height: '50%',

{
  "dependencies": {
    "@typhonjs-fvtt/runtime": "^0.2.0-next.5",
    "@typhonjs-fvtt/standard": "^0.2.0-next.3",
  }
}

{
  "dependencies": {
    "@typhonjs-fvtt/runtime": "^0.2.0-next.5",
    "@typhonjs-fvtt/standard": "^0.2.0-next.3",
  }
}

  $effect(async () => {
    await sleep(1000);
    return () => console.log('hello') //will never return
  })

  $effect(async () => {
    await sleep(1000);
    return () => console.log('hello') //will never return
  })

 $effect(() => {
    sleep(1000).then(() => {
      console.log('hello')
    })
  })

 $effect(() => {
    sleep(1000).then(() => {
      console.log('hello')
    })
  })

 $effect(() => {
    (async () {
      await sleep(1000)
      console.log('hello')
    })()
  })

 $effect(() => {
    (async () {
      await sleep(1000)
      console.log('hello')
    })()
  })

//that's what I use since I also add utility functions like `reset` and `undo` to classes
class Foo {
    value = $state('bar')
}

setContext('foo', { foo: new Foo() })

//that's what I use since I also add utility functions like `reset` and `undo` to classes
class Foo {
    value = $state('bar')
}

setContext('foo', { foo: new Foo() })

//more straight-forward version with accesors
let foo = $state('bar')

setContext('foo', {
    get foo() { return foo },
    set foo(value) { foo = value },
})

//more straight-forward version with accesors
let foo = $state('bar')

setContext('foo', {
    get foo() { return foo },
    set foo(value) { foo = value },
})

<script lang="ts">
    import { ApplicationShell }   from '#runtime/svelte/component/application';

    export let elementRoot;
</script>

<svelte:options accessors={true}/>

<ApplicationShell bind:elementRoot>
    <main>
        <h1>Basic application</h1>
    </main>
</ApplicationShell>

<script lang="ts">
    import { ApplicationShell }   from '#runtime/svelte/component/application';

    export let elementRoot;
</script>

<svelte:options accessors={true}/>

<ApplicationShell bind:elementRoot>
    <main>
        <h1>Basic application</h1>
    </main>
</ApplicationShell>