What are some advanced examples of using Svelte stores?

Can you show me some advanced examples of using Svelte stores?

Sure! One advanced example is using derived stores to compute values based on other stores. Would you like to see a code snippet?

Yes, please provide a code snippet for derived stores.

Here's a simple example:

import { writable, derived } from 'svelte/store';

const count = writable(0);
const doubled = derived(count, $count => $count * 2);

count.subscribe(value => {
  console.log('Count:', value);
});

doubled.subscribe(value => {
  console.log('Doubled:', value);
});

This creates a writable store for count and a derived store that doubles its value.

That's great! Can you explain how to use stores with Svelte components?

Absolutely! You can import the store into your Svelte component and use the $ syntax to subscribe to it automatically. For example:

<script>
  import { count } from './stores.js';
</script>

<p>Count: {$count}</p>
<button on:click={() => count.update(n => n + 1)}>Increment</button>