List.vue 551 B

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <ul>
  3. <li v-for="(li, index) in elements" :key="index">
  4. <v-icon
  5. class="check"
  6. :color="color"
  7. icon="fa-solid fa-check"
  8. size="large"
  9. />
  10. <span class="pl-2">{{ li }}</span>
  11. </li>
  12. </ul>
  13. </template>
  14. <script setup lang="ts">
  15. defineProps({
  16. elements: {
  17. type: Array,
  18. required: true,
  19. },
  20. color: {
  21. type: String,
  22. required: true,
  23. },
  24. })
  25. </script>
  26. <style scoped lang="scss">
  27. ul {
  28. list-style: none;
  29. .check {
  30. font-size: 15px;
  31. font-weight: bold;
  32. }
  33. }
  34. </style>