bramw_baserow/premium/web-frontend/modules/baserow_premium/components/PremiumFeatures.vue

<template>
  <ul class="premium-features">
    <li class="premium-features__feature">
      <i class="iconoir-check premium-features__feature-icon"></i>
      {{ $t('premiumFeatures.rowComments') }}
    </li>
    <li class="premium-features__feature">
      <i class="iconoir-check premium-features__feature-icon"></i>
      {{ $t('premiumFeatures.kanbanView') }}
    </li>
    <li class="premium-features__feature">
      <i class="iconoir-check premium-features__feature-icon"></i>
      {{ $t('premiumFeatures.calendarView') }}
    </li>
    <li class="premium-features__feature">
      <i class="iconoir-check premium-features__feature-icon"></i>
      {{ $t('premiumFeatures.timelineView') }}
    </li>
    <li class="premium-features__feature">
      <i class="iconoir-check premium-features__feature-icon"></i>
      {{ $t('premiumFeatures.exports') }}
    </li>
    <li class="premium-features__feature">
      <i class="iconoir-check premium-features__feature-icon"></i>
      {{ $t('premiumFeatures.admin') }}
    </li>
    <li class="premium-features__feature">
      <i class="iconoir-check premium-features__feature-icon"></i>
      {{ $t('premiumFeatures.rowColoring') }}
    </li>
    <li class="premium-features__feature">
      <i class="iconoir-check premium-features__feature-icon"></i>
      {{ $t('premiumFeatures.surveyForm') }}
    </li>
    <li class="premium-features__feature">
      <i class="iconoir-check premium-features__feature-icon"></i>
      {{ $t('premiumFeatures.publicLogoRemoval') }}
    </li>
    <li class="premium-features__feature">
      <i class="iconoir-check premium-features__feature-icon"></i>
      {{ $t('premiumFeatures.personalViews') }}
    </li>
    <li class="premium-features__feature">
      <i class="iconoir-check premium-features__feature-icon"></i>
      {{ $t('premiumFeatures.aiFeatures') }}
    </li>
  </ul>
</template>