0xD34F

str.split(' ').map{|w| w.length}.reverse.reduce{|b, p| b ** p}

Функция группировки:

const group = (arr, idKey, valKey) =>
  Object.values(arr.reduce((acc, { [idKey]: id, [valKey]: val }) => (
    (acc[id] = acc[id] ?? { [idKey]: id, [valKey]: [] })[valKey].push(val),
    acc
  ), {}));

В компоненте:

const groupedAddresses = useMemo(() => {
  return group(addresses, 'city', 'address');
}, [ addresses ]);

<ul>
  {groupedAddresses.map(n => (
    <li>
      <h3>{n.city}</h3>
      <ul>{n.address.map(m => <li>{m}</li>)}</ul>
    </li>
  ))}
</ul>

https://jsfiddle.net/vqLsyz0x/

Отсортировать существующий массив:

users.sort((a, b) => (a.age ?? Infinity) - (b.age ?? Infinity));

Собрать отсортированный новый:

const sorted = (arr, key) => arr
  .map(n => [ n, key(n) ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0]);

const sortedUsers = sorted(users, n => n.age ?? Number.MAX_SAFE_INTEGER);

const uniqueValues = arr.reduce((acc, n) => (
  Object.keys(n).forEach(k => (acc[k] = acc[k] ?? new Set).add(n[k])),
  acc
), {});

const
  [  names,  ages ] =
  [ 'name', 'age' ].map(k => Array.from(
    uniqueValues[k] ?? [],
    (n, i) => ({ id: -~i, [k]: n })
  ));

<select id="city"></select>
<select id="warehouse"></select>

const citySelect = document.querySelector('#city');
const warehouseSelect = document.querySelector('#warehouse');

citySelect.addEventListener('change', function() {
  updateSelectOptions(warehouseSelect, {
    calledMethod: 'getWarehouses',
    methodProperties: {
      CityName: this.value,
    },
  });
});

updateSelectOptions(citySelect, {
  calledMethod: 'getCities',
  methodProperties: {
    FindByString: '',
  },
});



function updateSelectOptions(selectEl, queryData) {
  fetch('https://api.novaposhta.ua/v2.0/json/', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({
      modelName: 'Address',
      apiKey: '',
      ...queryData,
    }),
  })
    .then(r => r.json())
    .then(r => selectEl.innerHTML = r.data
      .map(n => `<option>${n.Description}</option>`)
      .join('')
    );
}

https://jsfiddle.net/2867umjz/

const includes = (a, b) => Object.entries(b).every(([ k, v ]) => Object.is(v, a[k]));
const check = (a, b) => Object.values(a).some(n => includes(n, b));

const result = check(parent, { a: '1', b: '1' });

Потому что так задумано. Вообще, чаще читайте документацию, ясно же сказано, для кого этот атрибут действителен - список короткий, и number в нём отсутствует:

Valid for text, search, url, tel, email, and password

Вешайте watch на свойство, используемое в v-model, и там исправляйте значение, если нужно. Если есть необходимость делать подобное многократно, для разных input'ов, напишите соответствующую директиву.

Надо проверить, есть ли среди выигрышных комбинация такая, все элементы которой содержатся в массиве сделанных игроком ходов:

winPositions.some(n => n.every(m => xPositions.includes(m)))

Только имейте в виду, что вы и половины выигрышных комбинаций не перечислили - нет столбцов и диагоналей.

new URL(string).searchParams.get('list')

// или

Object.fromEntries(string.split('?').pop().split('&').map(n => n.split('='))).list

// или

string.match(/(\?|&)list=(.+?)(&|$)/)?.[2]

if (localStorage.getItem('mediaObjViewSeen') === true) {

Было бы круто, если вы хотя бы поверхностно знакомились с инструментом, прежде чем его использовать:

Ключи и значения всегда строки

Строка не может быть равна булеву значению, сами (надеюсь) понимаете.

Но вообще, по-хорошему, проверять ничего не надо - вместо двух булевых свойств должно быть одно строковое, обозначающее, в каком виде представлять данные:

data: () => ({
  view: localStorage.getItem('view') || 'CardsView',
  // ...
}),
watch: {
  view: val => localStorage.setItem('view', val),
},

Описания доступных вариантов представления складываете в массив, на основе этого массива создаёте кнопки для переключения представлений:

data: () => ({
  views: [
    {
      name: 'CardsView',
      btnClass: 'btn-left',
      img: '...',
    },
    {
      name: 'MediaObjView',
      btnClass: 'btn-right',
      img: '...',
    },
  ],
  // ...
}),

<button
  v-for="n in views"
  :class="[ n.btnClass, view === n.name ? 'btn-active' : '' ]"
  @click="view = n.name"
>
  <img :src="n.img">
</button>

Передаёте view в TweetPreview, используете его значение как имя компонента:

<component
  :is="view"
  :tweet="tweet"
/>

const wrapper = document.querySelector('.block');
const blockSelector = '.block_one';
const activeClass = 'active';

wrapper.addEventListener('mouseover', onHover);
wrapper.addEventListener('mouseout', onHover);

function onHover({ type, target }) {
  const block = type === 'mouseover' && target.closest(blockSelector);
  this.querySelectorAll(blockSelector).forEach(n => {
    n.classList.toggle(activeClass, !!block && n !== block);
  });
}

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

.block:has(.block_one:hover) .block_one:not(:hover) {
  /* сюда переносим стили того класса, который через js добавлялся */
}

Сначала <...> fetch() был прописан в methods

затем добавил <...> computed: - тогда ошибка появилась

Положите метод fetch где лежал.

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

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

Прежде чем реализовывать удаление, дадим пользователю возможность пометить задачу выполненной. Добавим в компонент задачи поддержку директивы v-model. Меняем имя параметра с task на value (или настраиваем model, если надо задать какое-то иное имя), а сам объект задачи заворачиваем в Proxy, который будет перехватывать установку значений свойств, собирать новый объект и отправлять его в родительский компонент:

computed: {
  task() {
    return new Proxy(this.value, {
      set: (target, prop, value) => {
        this.$emit('input', { ...target, [prop]: value });
        return true;
      },
    });
  },
},

И привязываем свойство done к чекбоксу (если кроме done надо редактировать ещё какие-то свойства - нет проблем, точно так же указываем их в v-model соответствующих полей ввода):

<input type="checkbox" v-model="task.done">

Теперь собственно удаление. В компоненте задачи добавляем кнопку, по клику на которую эмитим событие:

<button v-if="task.done" @click="$emit('delete')">delete</button>

В родительском компоненте подписываемся на это событие и удаляем задачу из массива:

<task-element
  v-for="(n, i) in todos"
  v-model="todos[i]"
  @delete="todos.splice(i, 1)"
></task-element>

https://jsfiddle.net/8g45pcx1/

document.querySelectorAll('.number').forEach(n => {
  n.innerText = n.innerText.replace(/\d+/g, m => (+m).toLocaleString());
});

или

for (const n of document.getElementsByClassName('number')) {
  n.textContent = n.textContent.replace(/\d(?=(\d{3})+(\D|$))/g, '$& ');
}

$headers = array_column($data[0]['pages'], 'name');
$columns = array_column($data[0]['pages'], 'attribute');
$rowCount = max(array_map('count', $columns));

$headersHTML = implode('', array_map(function($n) {
  return "<th>$n</th>";
}, $headers));

$rowsHTML = implode('', array_map(function($i) use($columns) {
  return "
    <tr>".implode('', array_map(function($n) use($i) {
        return "<td>".($n[$i] ?? '')."</td>";
      }, $columns))."
    </tr>";
}, range(0, $rowCount - 1)));

echo "
  <table>
    <thead>
      <tr>$headersHTML</tr>
    </thead>
    <tbody>$rowsHTML</tbody>
  </table>";

Используйте transition. Блоку, в который выводите значение переменной, назначаете key, равный этому значению. Изменится значение - блок нарисуется заново. Например.

fetch('https://api.novaposhta.ua/v2.0/json/', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    modelName: 'Address',
    calledMethod: 'getWarehouses',
    methodProperties: {
      CityName: document.querySelector('.myCityName').textContent,
    },
    apiKey: '',
  }),
})
  .then(r => r.json())
  .then(r => {
    document.querySelector('.mySelect').innerHTML = r.data
      .map(n => `<option>${n.Description}</option>`)
      .join('');
  });