SimBioT19
@SimBioT19
{{ user.about }}

Как бы вы упростили компонент?

<template>
    <div :class="className">
        <svg class="icon-svg">
            <use :xlink:href="`#icon-${icon}`"></use>
        </svg>
    </div>
</template>

<script>
export default {
  name: 'VIcon',
  props: {
    icon: {
      type: String,
      required: false,
    },
    size: {
      type: String,
      required: false,
    },
  },
  computed: {
    className() {
      const classList = ['icon'];

      if (this.size) {
        classList.push(`icon--${this.size}`);
      }
      return classList;
    },
  },
};
</script>


Может есть варианты сделать элементарный компонент ещё проще?
  • Вопрос задан
  • 95 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы