swaf/views/home.svelte

42 lines
634 B
Svelte
Raw Normal View History

2021-03-18 16:22:25 +01:00
<script lang="ts">
export let swaf = {};
let count: number;
function handleClick(): void {
count++;
}
</script>
<style lang="scss">
p:last-of-type {
color: blueviolet;
}
.style-test {
p {
color: blue;
}
}
</style>
<h1>Hello {count}!</h1>
<button on:click={handleClick}>More hellos!!</button>
{#if swaf.route('auth') === '/'}
We're home!
{:else}
We're somewhere else... {swaf.route('auth')}
{/if}
<p>The route to auth is {swaf.route('auth')}</p>
<p>\$$.notcode</p>
<p>{`{\\$$.escaped}`}</p>
<div class="style-test">
<p>Blue!</p>
</div>