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

<script setup>
const { t, locale, setLocale } = useI18n()
const bestList = ref([
  'Encouraging Education',
  'Enlighten Thinking',
  'Teach Through fun',
  'Respect Individuality'
])
</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
      </li>

      <li>
        <i class="fa-regular fa-circle-check"></i>
        Enlighten Thinking
      </li>
    </ul>
    <ul class="wow fadeInUp" data-wow-delay=".5s">
      <li>
        <i class="fa-regular fa-circle-check"></i>
        Teach Through fun
      </li>
      <li>
        <i class="fa-regular fa-circle-check"></i>
        Respect Individuality
      </li>
    </ul>
  </div>
</template>