0xD34F

Не надо никаких регулярных выражений:

strval(intval($str))

Хотя, разумеется, есть такой вариант:

preg_replace('~^0+~', '', $str)

computed: {
  objCopy() {
    return { ...this.obj };
  },
},
watch: {
  objCopy(newObj, oldObj) {
    for (const [ k, v ] of Object.entries(newObj)) {
      if (v !== oldObj[k]) {
        console.log(`obj.${k} changed from "${oldObj[k]}" to "${v}"`);
      }
    }
  },
},

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

function Ranges(props) {
  const onChange = ({ target: t }) => {
    const index = +t.dataset.index;
    const value = +t.value;
    const values = props.values.map((n, i) => i === index ? value : n);

    if (props.max >= values.reduce((acc, n) => acc + n, 0)) {
      props.onChange(values);
    }
  };

  return (
    <div>
      {props.values.map((n, i) => (
        <div>
          <input
            type="range"
            data-index={i}
            max={props.max}
            value={n}
            onChange={onChange}
          />
          {n}
        </div>
      ))}
    </div>
  );
}

https://jsfiddle.net/cx16nhqe/

const groupedAndSortedArr = Object
  .values(arr.reduce((acc, n) => ((acc[n[0]] ??= []).push(n), acc), {}))
  .sort((a, b) => a[0][0].localeCompare(b[0][0]));

Не надо никаких регулярных выражений:

str.split('=').pop()
// или
str.slice(str.indexOf('=') + 1)

Но, конечно, можно и регулярками:

str.replace(/[^=]*=/, '')
// или
str.match(/(?<==).*/)[0]
// или
/[^=]*$/.exec(str).shift()

А вообще, учитывая, чем является эта строка, и что вы хотите из неё получить:

new URLSearchParams(str).get('sort')

$arr3 = array_filter($arr1, fn($n) => in_array($n, $arr2));

// или

$arr3 = array_intersect($arr1, $arr2);

добавить ? после +

Array
  .from(new URLSearchParams(str))
  .reduce((acc, [ k, v ]) => (
    k.endsWith('[]')
      ? (acc[k.slice(0, -2)] ??= []).push(v)
      : acc[k] = v,
    acc
  ), {})

<Swiper>
  {children.map(n => <SwiperSlide>{n}</SwiperSlide>)}
</Swiper>

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

Как правило, все плагины работают от обратного - у них есть возможность передать массив только с неактивными датами.

Не все, бывают доступны оба варианта, гляньте vue-flatpickr-component, например - свойство config.enable.

А вообще, у приличного плагина должна быть возможность определять активность даты с помощью функции - на входе дата, на выходе true/false (это, значит, чтобы был вариант не перечислять конкретные даты, так как это может оказаться невыполнимым - типа все вторники и четверги, или все чётные числа). Т.е., вместо массива плагин будет принимать нечто вроде дата => массив.includes(дата.toLocaleDateString()):

Например, vue. Смотрите свойство disbaledDates.customPredictor.

Например, jquery. Смотрите свойство beforeShowDay.

$grouped = [];

foreach ($arr as $n) {
  $grouped[$n['category_id']][] = $n['text'];
}

foreach ($grouped as $key => $values) {
  echo "
    <fieldset>
      <legend>$key</legend>".
      implode('', array_map(fn($n) => "<div>$n</div>", $values))."
    </fieldset>";
}

^(?=.*\d).{1,10}$

Указали строго девять символов после восьмёрки - а в примере их всего семь. Указывайте переменное количество, минимум-максимум - вместо {9} пусть будет {4,9}, например. Или {6,9}. Или... Сами решайте, сколько их должно быть, вам виднее.

Кроме того, шестнадцатеричные числа - это не a-z, а a-f.

Одно значение (первое):

const val = arr.find(n => n.hasOwnProperty(key))?.[key];

Все, что есть:

const vals = arr.reduce((acc, n) => (n.hasOwnProperty(key) && acc.push(n[key]), acc), []);

Пробовал input в label положить вообще не помогает

помогает

Предлагаю погуглить, что такое асинхронность.

Сейчас у вас так: запросили данные, построили график, получили данные.

Добавьте в компонент слот:

<slot name="placeholder"></slot>

Соответственно, при использовании компонента можете что-то в этот слот передать:

<template #placeholder>
  <option value="" disabled>давай, выбирай</option>
</template>

https://jsfiddle.net/zc53rugL/