0xD34F

kind[outs["name"]] = kind[outs["id"]]

Откуда в kind возьмутся id? Он же пустой. Может, должно было быть kind[outs["name"]] = outs["id"]?

Вместо заворачивания ul в transition следует завернуть li в transition-group:

<transition-group tag="ul" name="fade" class="buttons">
  <li
    v-if="какое здесь будет условие, предлагаю подумать самостоятельно"
    ...

const itemSelector = '.radio';
const activeClass = 'active';


// конечно, вы можете и дальше продолжать ковырять jquery
const $items = $(itemSelector).on('change', function() {
  $items.next().removeClass(activeClass);
  $(this).next().addClass(activeClass);
});

// но ведь есть и другой путь
const items = document.querySelectorAll(itemSelector);
const onChange = ({ currentTarget: t }) =>
  items.forEach(n => n.nextElementSibling.classList.toggle(activeClass, n === t));

items.forEach(n => n.addEventListener('change', onChange));

UPD. Наконец-то дождались, теперь использовать js тут необязательно:

.radio:has(:checked) + .order__form-input {
  /* сюда переносим стили, делающие input видимым */
}

Нет необходимости "получать", можно сразу передавать в функцию нужный объект вместо его отдельных свойств.

Почему у элементов радиогрупп отдельные свойства checked? - активным же может быть только один. Пусть checked будет у самих радиогрупп и хранит не логическое значение, а индекс/id/value активного элемента.

Как исполнены сами радиокнопки (кстати, а почему не показали шаблон?)? Если input'ми, используйте v-model вместо того, чтобы вручную обновлять свои данные.

arr.reduce((acc, n) => (
  Object.entries(n.json_build_object).forEach(([ k, v ]) => {
    (acc[k] ??= []).find(m => m.id === v.id) || acc[k].push(v);
  }),
  acc
), {})

links.reduce((acc, n) => {
  const path = n.url.split('/');
  const [ lastFolder ] = path.splice(-2);
  (path.reduce((p, c) => p[c] ??= {}, acc)[lastFolder] ??= []).push(n);
  return acc;
}, {})

Перестаньте заниматься ерундой и замените div'ы на ol + li.

data.filter(n => n.rounds[round - 1]?.position)

После кого надо удалить элементы: const selector = '#point';.

Удаляем:

const elem = document.querySelector(selector);
const parent = elem?.parentNode;
const elems = [...parent?.children ?? []];
const index = elems.indexOf(elem);
elems.slice(-~index || elems.length).forEach(n => parent.removeChild(n));

// или

for (
  const el = document.querySelector(selector);
  el?.nextElementSibling;
  el.nextElementSibling.remove()
) ;

// или

document.querySelectorAll(`${selector} ~ *`).forEach(n => n.outerHTML = '');

По событию mouseover перезаписывайте css-переменную, отвечающую за цвет:

document.querySelector('.shopWrapper').addEventListener('mouseover', function() {
  const color = `#${Math.random().toString(16).slice(2, 8).padEnd(6, 0)}`;
  this.style.setProperty('--random-color', color);
});

function Home(products, 
    searchValue,
    ...

Круто.

Откройте документацию и разберитесь, какой формат имеют входные данные компонента. Ну или хотя бы погуглите примеры использования props'ов.

Вот это правильно - не читать документацию.

print('\n'.join(f'{k}: {v}' for k, v in collections.Counter(selled).items()))

arr.map(n => {
  const ids = Object
    .values(n.childrenHash.reduce((acc, m) => ((acc[m.hash] ??= []).push(m.id), acc), {}))
    .filter(m => m.length > 1);

  return {
    ...n,
    childrenHash: ids.length ? ids : null,
  };
})

Где и какой класс будем добавлять:

const table = document.querySelector('здесь селектор вашей таблицы');
const className = 'active';

Добавляем:

table.querySelectorAll('tbody td').forEach(td => {
  td.classList.toggle(className, !td.textContent.trim());
});

или

for (const { rows } of table.tBodies) {
  for (const { cells } of rows) {
    for (const td of cells) {
      if (/^\s*$/.test(td.innerText)) {
        td.classList.add(className);
      }
    }
  }
}

computed: {
  trimmedNewTodoText() {
    return this.newTodoText.trim();
  },
  ...

addNewTodo() {
  const title = this.trimmedNewTodoText;
  if (title) {
    this.todos.push({
      title,
      ...

<button :disabled="!trimmedNewTodoText">Add</button>