mirror of
https://github.com/minimo-io/appticles.git
synced 2025-07-28 08:05:25 +00:00
48 lines
1.1 KiB
Svelte
48 lines
1.1 KiB
Svelte
<script>
|
|
import svelteLogo from './assets/svelte.svg'
|
|
import viteLogo from '/vite.svg'
|
|
import Counter from './lib/Counter.svelte'
|
|
</script>
|
|
|
|
<main>
|
|
<div>
|
|
<a href="https://vitejs.dev" target="_blank" rel="noreferrer">
|
|
<img src={viteLogo} class="logo" alt="Vite Logo" />
|
|
</a>
|
|
<a href="https://svelte.dev" target="_blank" rel="noreferrer">
|
|
<img src={svelteLogo} class="logo svelte" alt="Svelte Logo" />
|
|
</a>
|
|
</div>
|
|
<h1>Vite + Svelte</h1>
|
|
|
|
<div class="card">
|
|
<Counter />
|
|
</div>
|
|
|
|
<p>
|
|
Check out <a href="https://github.com/sveltejs/kit#readme" target="_blank" rel="noreferrer">SvelteKit</a>, the official Svelte app framework powered by Vite!
|
|
</p>
|
|
|
|
<p class="read-the-docs">
|
|
Click on the Vite and Svelte logos to learn more
|
|
</p>
|
|
</main>
|
|
|
|
<style>
|
|
.logo {
|
|
height: 6em;
|
|
padding: 1.5em;
|
|
will-change: filter;
|
|
transition: filter 300ms;
|
|
}
|
|
.logo:hover {
|
|
filter: drop-shadow(0 0 2em #646cffaa);
|
|
}
|
|
.logo.svelte:hover {
|
|
filter: drop-shadow(0 0 2em #ff3e00aa);
|
|
}
|
|
.read-the-docs {
|
|
color: #888;
|
|
}
|
|
</style>
|