問題集: 表記の修正をしましょう

[KATO-Hiro]

  import ThermometerProgressBar from '$lib/components/ThermometerProgressBar.svelte';
  import AcceptedCounter from '$lib/components/SubmissionStatus/AcceptedCounter.svelte';

<!-- src/routes/workbooks/[slug]/+page.svelte -->
      <div class="flex items-center space-x-2 sm:space-x-6 sm:mr-6">
        <ThermometerProgressBar
          {workBookTasks}
          taskResults={Array.from(taskResults.values())}
          width="w-full"
        />
        <AcceptedCounter {workBookTasks} taskResults={Array.from(taskResults.values())} />
      </div>

    <div class="pt-1 pb-2">
      <!-- TODO: コンポーネントとして抽出 -->
      <!-- See: -->
      <!-- https://tw-elements.com/docs/standard/content-styles/dividers/# -->
      <hr class="my-1 h-0.5 border-t-0 bg-gray-100 dark:bg-white/10" />
    </div>