happychin-web/components/About-list/index.vue

<script setup>
const { t, locale, setLocale } = useI18n()
const { $$t } = useStoreI18n()

const bestList = ref([
  $$t('encouragingEducation'),
  $$t('enlightenThinking'),
  $$t('teachThroughFun'),
  $$t('respectIndividuality')
])
</script>
<template>
  <div class="about-list">
    <ul class="wow fadeInUp" data-wow-delay=".3s">
      <li>
        <i class="fa-regular fa-circle-check"></i>
        <!-- Encouraging Education -->
        {{ t('encouragingEducation') }}
      </li>

      <li>
        <i class="fa-regular fa-circle-check"></i>
        <!-- Enlighten Thinking -->
        {{ t('enlightenThinking') }}
      </li>
    </ul>
    <ul class="wow fadeInUp" data-wow-delay=".5s">
      <li>
        <i class="fa-regular fa-circle-check"></i>
        <!-- Teach Through fun -->
        {{ t('teachThroughFun') }}
      </li>
      <li>
        <i class="fa-regular fa-circle-check"></i>
        <!-- Respect Individuality -->
        {{ t('respectIndividuality') }}
      </li>
    </ul>
  </div>
</template>