aversan

module.exports = {
  env: {
    browser: true,
    es2021: true,
  },
  extends: [
    'plugin:vue/essential',
    '@nuxtjs',
    'plugin:prettier/recommended',
    'prettier',

aversan

import IconAssist from './svg/assist.svg';
import IconCalendar from './svg/calendar.svg';
import IconLineUps from './svg/line-ups.svg';
import IconLiveAlt from './svg/live-alt.svg';
import IconSearch from "./svg/search.svg";
import IconTableView from "./svg/table-view.svg";
import IconReplacement from "./svg/replacement.svg";
import IconRedCard from "./svg/red-card.svg";
import IconYellowCard from "./svg/yellow-card.svg";
import IconYellowRedCard from "./svg/yellow-red-card.svg";

aversan

<template>
  <article
    :class="{
      'match-info d-flex flex-nowrap align-items-center justify-content-center row no-gutters': true,
      'match-info-info': variant == 'info',
      'match-info-info-small': variant == 'info-small',
      'match-info-info-medium': variant == 'info-medium',
      'match-info-short': variant == 'short',
      'match-info-short-small': variant == 'short-small',
      'match-info-short-medium': variant == 'short-medium',