qwentry

navigator.clipboard.writeText(row)

computed: {
  linesCount() {
    return 1 + (this.text.match(/\n/g)?.length ?? 0);
  },
},

<div>{{ linesCount }}</div>

https://v3.ru.vuejs.org/ru/guide/computed.html#%D0...

methods: {
  short: str => str.replace(/(?<=^.{3}).{4,}(?=.{8}$)/, '...'),
  ...

<span>{{ file ? short(file.name) : 'Прикрепить' }}</span>

Date
toLocaleString
как сделать фильтр для vue

moment.js:

moment.locale('ru');

const formatDate = dateStr => moment(dateStr, 'YYYY.MM.DD').format('D MMMM YYYY');

data: () => ({
  dateStr: '2020.06.01',
}),
computed: {
  formattedDate() {
    return formatDate(this.dateStr);
  },
},
methods: {
  formatDate1: formatDate,
},
filters: {
  formatDate2: formatDate,
},

<div>{{ formattedDate }}</div>
<div>{{ formatDate1(dateStr) }}</div>
<div>{{ dateStr | formatDate2 }}</div>

https://jsfiddle.net/j5ubmtnL/

const months_RU = 'Января,Февраля,Марта,Апреля,Мая,Июня,Данунаф,Лень,Дальше,Сами'
  .split(',');
const parseDate = d => d.split('.')
  .reduce((acc, c, i) => (acc.unshift(i & 1 ? months_RU[+c - 1] : +c), acc), [])
  .join(' ');

Использование: parseDate('2020.06.01') // "1 Июня 2020"

Как это работает:
По точкам разбить в массив строк ['2020', '06', '01'];
собрать в массив задом-наперёд (день, месяц, год) – вставить в начало массива .unshift();
Месяц – элемент нечётный, последний бит = 1, проверка i & 1 вернёт 1 только для месяца;
месяц заменить на название из массива. Там нумерация с 0, поэтому -1.
Остальные (год и дату) просто сделать из строки – числом, через унарный оператор +
Получится массив [1, 'Июня', 2020]
Склеить его элементы в строку через пробел: join(' ')