В какой момент проверять валидность и срок жизни токена vue.js?

Перед ответами на данные вопросы сразу скажу, что я не архитектор, и разработчиком с 10+ летним стажем я не являюсь, к тому же ещё и бекендер в первую очередь, так что ниже, возможно, я несовсем прав.

при использовании групп пользователей (ролей: админ, модератор, юзер) их передавать в токене

DaBags, нет. Если ты подобную инфу будешь хранить в токене, то ты ей либо не будешь пользоваться вообще, либо она рано или поздно окажется устаревшей. И второе принесёт тебе много проблем, когда один из пользователей или не дай бог модератор начнёт буйствовать, ты его забанишь, но он по прежнему будет творить дичь, поскольку все проверки закончатся на токене и до проверки в базе, где будет висеть инфа о бане, дело не дойдёт. В итоге до тех пор, пока жвт жив, у человека будет полный доступ к сайту.

стоит ли их отдельно куда-либо записывать (в тот же localstorage) или оставлять в токене и декодить каждый раз

Вот тут уже хз как лучше, поскольку это касается исключительно фронта, но в любом случае не в токене. Прогугли данный вопрос на лучшие практики.

Как призначить агрумент функции как свойство другого обьекта?

Эта функция прям кладезь... И отнуть не знаний.

const sortArr = contacts.sort(function (a, b) {
Почитай как работает сорт и, заодно, про стрелочные функции.

if (x > y) {
        return 1;
      }
      if (x < y) {
        return -1;
      }
      return 0;

Почитай, какой алгоритм в цивилизованном мире используется для калбека сортировки чисел.

return sortArr.reverse();
Почитай, как можно отсортировать массив по возрастанию и убыванию.

direction?: string

if (direction === 'down') {
if (direction === 'up') {

Почитай об юнионах в тс.

В общем, почитай что-нибудь...

В какой момент проверять валидность и срок жизни токена vue.js?

DaBags,
1. Люди, которые любят копаться в коде, над минимальной защитой максимум посмеются. Что им помешает вырезать эту проверку с фронта?
2. И каким образом юзер может увидеть дополнительную инфу, к которой у него нет доступа? Только если сервер дырявый и не авторизирует пользователя при каждом запросе.
3. Ещё раз, любая проверка креденшилов на фронте, это защита на уровне этой калитки:

В какой момент проверять валидность и срок жизни токена vue.js?

DaBags, во-первых, каким образом пользователь вообще сможет увидеть админскую панель, если не будет копаться в коде? Такого, естественно, допускать нельзя, но не из-за "безопасности", а из-за пользовательского опыта, который от некачественного продукта ухудшается. То есть именно обычный пользователь увидеть админку не должен.
Во-вторых, увидел пользователь админку без возможности её воспользоваться и что дальше? Как это повлияет на безопасность?
В-третьих, каким образом ты вообще собрался полноценно валидировать токен на фронте? А точнее каким образом ты собрался это делать безопасно? И, главное, зачем? Какой в этом вообще плюс? Даже если бы это было безопасно, это двойная работа, двойная имплементация одного и того же функционала.

В какой момент проверять валидность и срок жизни токена vue.js?

И да, причём здесь вью?

Что за проект сделать на фронте, что показывает, что можно идти на собеседование?

RxR, что значит без вёрстки? Естественно фронт должен уметь верстать всё, но в своём ответе ты акцентируешь практически всё внимание именно на вёрстку, а функционал "и так сойдёт" ©, что, имхо, в корне не верно.
Более того, лично я бы порекомендовал бы ещё простенький сервер написать на ноде, чтобы банально понимать как происходит взаимодействие.

Что за проект сделать на фронте, что показывает, что можно идти на собеседование?

Помимо того, что в ответах написали, начни использовать eslint и prettier, чтобы не учиться ими пользоваться на работе (да и скорее всего плюсик себе заработаешь, если твой гитхаб смотреть будут).
А так же начни писать юнит тесты (на jest, к примеру).
И фреймворк, естественно (react / vue / angular).

Что за проект сделать на фронте, что показывает, что можно идти на собеседование?

чтобы показать навыки адаптивной верстки

Ты из него верстальщика сделать хочешь? Фронт ─ это в первую очередь функционал. Я не говорю, что не надо уметь делать адаптивную вёрстку, но такой сильный упор на неё делать, будучи фронтом, как-то странно.

Что за проект сделать на фронте, что показывает, что можно идти на собеседование?

Без портфолио на github смысла нет.

Забавано, что здесь, что на хабре, частенько вижу, что далеко не все на гитхаб вообще смотрят. Особенно если на 1 место десятки претендентов.

Возможно ли отменить действие стороннего скрипта при клике?

Senseich, вызвать stopPropagation в эвенте родителя.

Возможно ли отменить действие стороннего скрипта при клике?

Senseich, если срабатывает, но со второго раза, то, насколько я вижу, при первом клике на wff_action_map_button_conatiner эвент не висит. Вешается он как раз после первого клика, когда срабатывает эвент на wff_widget_FW6A9D41403F21F4E2.

Возможно ли отменить действие стороннего скрипта при клике?

Senseich, нет, это ты что-то не так сделал. Эвент должен висеть на том же элементе, на котором "ненужный" эвент и иметь тот же тип.
Данный способ не сработает только в одном случае: если эвенты, которые вешает сторонний скрипт, третьим аргументом тоже имеют true, но исходя из фрагмента кода, это не тот случай. Да и лично я ещё ни разу не встречал на практике, чтобы где-то эвенты с true вешались.

Как сделать отступ первой строки в абзаце?

Первый же результат по запросу "js Как сделать отступ первой строки в абзаце?": htmlbook.ru/css/text-indent
Было очень сложно, целых 10 секунд на поиски потратил.

Express маршрутизация?

alex4answ, да, но это при учёте, что там весь код синхронный, чего там точно нет, ведь идут запросы в бд.

Express маршрутизация?

Slaxik, можно и этот, если с ним проблем не будет, а то последнее обновление 3 года назад было.

Express маршрутизация?

Да, сделай очередь.

JS Как исправить или проигнорировать ошибку?

Не знаю! Взял отсюда

MrZed, я даже не знаю, как это прокомментировать...

JS Как исправить или проигнорировать ошибку?

i < text.length + 1;
Это что в конце?

Плагин eCSStractor for VSCode не вставляет классы в sass. В чём причина?

Danil O'neil, попробуй этот: https://marketplace.visualstudio.com/items?itemNam...
Без понятия, насколько хорошо он работает, но появился он раньше, чем eCSStractor for VSCode, и последнее обновление было в 20, а в 18 году.

Почему свойство length начинает считать с единицы, а не с нуля, если в массиве счет начинается с нуля?

DevMan, уточню: счёт с нуля самый логичный, если знать и понимать что из себя представляет массив и как он реализован.