src/components/FaqCard.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<script lang="ts">
  import { t } from "$lib/translations";

  // this ID will be used to get the strings from the locale
  // question is at faq.[questionID].question
  
  interface Props {
    // answer is at faq.[questionID].answer
    questionID: any;
  }

  let { questionID }: Props = $props();
</script>

<div class="mx-auto w-full md:w-2/3 lg:w-[700px] space-y-5">
  <p class="text-2xl font-medium">{$t("faq." + questionID + ".question")}</p>
  <p class="text-secondary text-xl font-medium">
    {$t("faq." + questionID + ".answer")}
  </p>
</div>