<script setup lang="ts">
import FontAwesomeDemo from '@/components/FontAwesomeIcon/demo.vue';
</script>

<template>
  <div class="fontawesome-test-page">
    <h1>FontAwesome 图标测试页面</h1>
    <p>如果看到以下图标正常显示，说明 FontAwesome 配置成功！</p>
    <FontAwesomeDemo />
  </div>
</template>

<style scoped lang="scss">
.fontawesome-test-page {
  padding: 40px;
  min-height: 100vh;
  background-color: var(--el-bg-color-page);

  h1 {
    color: var(--el-text-color-primary);
    margin-bottom: 10px;
  }

  p {
    color: var(--el-text-color-regular);
    margin-bottom: 30px;
  }
}
</style>
