从可写存储中过滤项目以在svelte中显示的好方法？

import { writable } from 'svelte/store';

// 初始化项目列表
const projects = [
  { name: '项目1', category: '类别1' },
  { name: '项目2', category: '类别2' },
  { name: '项目3', category: '类别1' },
  // ...
];

// 创建可写存储
export const projectStore = writable(projects);
export const filterStore = writable('');

<script>
  import { onMount } from 'svelte';
  import { projectStore, filterStore } from './stores';

  let projects = [];

  // 订阅可写存储的值
  $: {
    const filter = $filterStore; // 获取过滤条件
    const allProjects = $projectStore; // 获取所有项目
    projects = allProjects.filter(project => project.category.includes(filter)); // 根据过滤条件筛选项目
  }
</script>

<ul>
  {#each projects as project}
    <li>{project.name}</li>
  {/each}
</ul>

<script>
  import { filterStore } from './stores';

  let filterValue = '';

  // 更新过滤条件
  const updateFilter = () => {
    $filterStore.set(filterValue);
  }
</script>

<input type="text" bind:value="{filterValue}" on:input="{updateFilter}" />