Injecting props into components about svelte-spa-router HOT 6 CLOSED

Since they’re part of the global state, I’d store them in a module:

// file: workers.js
export let myworker = nil

// file: main.js
import {myworker} from 'workers.js'
// then, in the init function, set it to something:
myworker = ....

// component: MyRoute.svelte
import {myworker} from 'workers.js'
// do whatever you need with myworker

(I typed this on my phone, hope i didn’t mess up too much :) )

from svelte-spa-router.

You should pass myworker inside props if you want it to be a prop.

from svelte-spa-router.

I feel like I might be missing some context (feel free to provide an example), but would you be able to add those components requiring props as sub-components? (I.e. Child components of the route)

from svelte-spa-router.

In my App.svelte where I put the <Router {routes}/> I also instantiate some web workers that are global to entire app. Before adding the router I used to inject these web workers as props into child components of App.svelte, i.e.: <ProjectManager {mySocket} {webWorkerDatabase}/> .
Now, with the router I want to make a route: const routes = '/': ProjectManager }. But I'd like to pass mySocket and webWorkerDatabase to that ProjectManager component when the user goes to '/' route. Otherwise I have to instantiate brand new webWorkerDatabase inside ProjectManager (and subsequently in other child components separately) which would be undesirable. As opposed to instantiating these web workers once in App.svelte and passing them into child components. I hope you get the picture. Any suggestions? Thank you!

from svelte-spa-router.

Thank you, this approach works. )

from svelte-spa-router.

hi @ItalyPaleAle I don't get it. I'm getting this error:

main.js:8 Uncaught ReferenceError: myworker$1 is not defined

this is my main.js file:

import App from "./App.svelte";
import {myworker} from "./worker.js";

const app = new App({
  target: document.body,
  props: {},
  myworker: myworker
});

export default app;

from svelte-spa-router.