Example using Svelte 5 runes for state management

[oliverturner]

Description

Demonstrates how the browser.storage API allows different parts of the extension share state and reflect activity on the current page.

• The page at http://localhost:3000 fires a "counter:updated" event every second.
• The Content Script handles these events by pushing the event payload into session storage.
• The CounterState class watches the store and updates its reactive state property on change
• App.svelte reflects the value of counterState.state

It's inspired by the existing Custom Svelte Store example, but using Svelte 5 and runes, addressing #14

Additionally demonstrates how to communicate with the active page.

[aklinker1]

Looks good! One small change and we'll get this merged.

Edit: Also looks like you need to fix conflicts in the lockfile. git fetch && git merge origin/main && git checkout origin/main pnpm-lock.yaml && pnpm i --ignore-scripts should do all that for you

[42willow]

thanks for this!

I adapted it for my use-case and it's been great :)
https://github.com/schooltape/schooltape/blob/v4/src/utils/state.svelte.ts