<script setup lang="ts">
import { footerList } from './config'

function skip(url: string) {
    window.open(url)
}
</script>

<template>
  <div class="footer-container h-[280px]">
    <ul class="flex justify-center">
      <li
        v-for="item in footerList.data"
        :key="item.id"
        class="flex items-center gap-1 cursor-pointer"
        @click="skip(item.url)"
      >
        <svg-icon :name="item.icon" />
        <p>{{ item.name }}</p>
      </li>
    </ul>
  </div>
</template>

<style scoped lang="scss">

</style>
