使用子Svelte组件的<input>在应用程序组件中搜索商店?

我设置了一个Svelte应用程序,这样就有了一个应用程序组件、一个图表组件和一个标题组件。

应用程序组件提取数据。图表组件显示数据。

Header组件具有 <input> 。我希望能够在Header组件的输入中输入搜索字符串,并让它过滤App组件中的数据。

我还没到。这是 my work in progress 。

现在,我有一个 <输入> 在应用程序组件中。这一个正确地过滤了我在图表组件中显示的数据。

我只想能够使用 <输入> 在页眉中。

我已经找到了如何将页眉输入文本绑定到应用程序,如我的REPL所示,但我如何将该文本用作变量?

欢迎大家帮忙。

同样,这是 REPL 。