title: How to pass the props to Svelte component from Javascript?
body: <p>I have the default page of my webapp which redirects to different components, something like as follows:</p>
  
  <pre><code>&lt;script&gt;
    import page from "page";
    import Form from "./Form.svelte";
    import Dashboard from "./Dashboard.svelte";
  
    let content = "";
    page.base("/");
    page("", function() {
      content = Form;
    });
    page("dashboard", function() {
      content = Dashboard;
    });
    page({
      hashbang: true
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>Now, if I want to pass some props in say, Dashboard page from here, how can I do that? I tried following but it didn't work.</p>
  
  <pre><code>content = new Dashboard({
      props: {
          answer: 42
      }
  });
  </code></pre>