スプレッド利用で svelte/no-unused-propseエラー

2025-04-21

---

<script lang="ts">
  import type { ComponentProps } from 'svelte';
  import AnnouncementView from '../AnnouncementView/AnnouncementView.svelte';
  import DefaultChannelView from './default/DefaultChannelView.svelte';

  type Channel = {
    name: string;
    desc: string | undefined;
    icon: string | undefined;
  };

  type Announcement = ComponentProps<typeof AnnouncementView>['announcement'];

  type AnnouncementLoaderFunction = (
    key: string,
  ) => Promise<Announcement | undefined> | Announcement | undefined;

  type ChannelViewProps = {
    channel?: Channel;
    announcementHrefPrefix: string;
    announcementKeys?: string[];
    announcementLoader?: AnnouncementLoaderFunction;
  };

  let props: ChannelViewProps = $props();
</script>

<DefaultChannelView {...props} />

  25:7  error  'channel' is an unused Props property                 svelte/no-unused-props
  25:7  error  'announcementHrefPrefix' is an unused Props property  svelte/no-unused-props
  25:7  error  'announcementKeys' is an unused Props property        svelte/no-unused-props
  25:7  error  'announcementLoader' is an unused Props property      svelte/no-unused-props

• eslint-plugin-svelte@3.1.0までならでない