<script>
import { writable } from 'svelte/store';
let canSubscribe
let subscribed
let unsub
const store = writable(0, () => {
subscribed = true
console.log('got a subscriber');
return () => console.log('no more subscribers');
});
function subscribe() {
unsub = store.subscribe(() => subscribed = true)
}
function unsubscribe() {
unsub()
subscribed = false
}
function toggleSubscriptions() {
canSubscribe = !canSubscribe
}
//$: canSubscribe && $store
</script>
<h2>Store subscription!</h2>
<button on:click={toggleSubscriptions}>Toggle subscriptions</button><br/><br/>
{#if subscribed}
One subscriber!
<button disabled={!canSubscribe} on:click={unsubscribe}>Click to UNsubscribe</button>