Sharing svelte store across two customElements

• Built off svelte-rollup-template from metonym.

What

• shared svelte store
• components use it for dev
• compiled the build step skips adding it to the module

Show me

• install dependencies

  npm install
  

• build the "superstore".

  rollup -c rollup.config.store.js
  

• run develop

  npm run develop
  

• open localhost:3000
• click on "the count is 0"
• watch both change
• Open developer tools
• type

  superstore.count.subscribe(value => a = value)
  

• type and observe number matches count

  a
  

• click on "the count is X"
• type and observe number matches count

  a
  

View via docker

Run

docker run --name svelte-shared-store \
-p 8080:80 \
-v $PWD/build:/usr/share/nginx/html:ro \
-v $PWD/nginx.conf:/etc/nginx/nginx.conf:ro \
-P -d nginx:1.17-alpine

Delete

docker container rm --force svelte-shared-store