0xD34F

function createTree({
  data,
  idKey = 'id',
  parentKey = 'parentId',
  childrenKey = 'children',
}) {
  const tree = Object.fromEntries(data.map(n => [ n[idKey], { ...n, [childrenKey]: [] } ]));
  return Object.values(tree).filter(n => !tree[n[parentKey]]?.[childrenKey].push(n));
}


const result = createTree({
  data: components,
  childrenKey: 'components',
});

все сделал по гайду

data: () => ({
  numArticlesToShow: 5,
  ...
}),
computed: {
  articlesToShow() {
    return this.articles.slice(0, this.numArticlesToShow);
  },
  ...
},

<li v-for="n in articlesToShow">
  ...
</li>
...
<button @click="numArticlesToShow += 5" :disabled="numArticlesToShow >= articles.length">
  показать ещё
</button>

ul {
  counter-reset: item;
}

ul li {
  counter-increment: item;
}

ul li::marker {
  content: counter(item, lower-alpha) ") ";
}

this.$set(this.chartOptions.series[0].data, индекс, значение);

drops[x] = -Math.random() * canvas.height / font_size | 0;

что делаю не так?

document.querySelectorAll('.panel').forEach(n => n.addEventListener('click', onClick));

function onClick() {
  const panel = this.closest('tr').nextElementSibling;
  const isActive = !panel.classList.contains('active');
  panel.classList.toggle('active', isActive);
  this.classList.toggle('changing-icon', isActive);
}

мне нужен не сам ответ

function findOutlier(integers) {
  const [ p0, p1, p2 ] = integers.slice(0, 3).map(n => n & 1);
  return p0 === p1
    ? integers.find(n => (n & 1) !== p0)
    : integers[+(p0 === p2)];
}

const findOutlier = arr => arr
  .reduce((acc, n) => (acc[n & 1].push(n), acc), [ [], [] ])
  .find(n => n.length === 1)
  .pop();

const findOutlier = arr => arr
  .sort((a, b) => (a & 1) - (b & 1))
  .at(-((arr[0] & 1) === (arr[1] & 1)));

useEffect(() => {
  document.querySelector('.App').classList.toggle(theme)
}, [theme])

useEffect(() => {
  const el = document.querySelector('.App');
  el.classList.add(theme);
  return () => el.classList.remove(theme);
}, [ theme ]);

useEffect(() => {
  const newArray = initialState.filter(n => checked.every(m => n[m]));
  setData(newArray.length ? newArray : initialState);
}, [ checked ]);

function getFilterByCount(arr, filterFn, key) {
  const getKey = key instanceof Function ? key : key == null ? n => n : n => n[key];
  const count = arr.reduce((acc, n) => acc.set(getKey(n), -~acc.get(getKey(n))), new Map);
  return n => !!filterFn(count.get(getKey(n)));
}

const filterByCount = (...args) => args[0].filter(getFilterByCount(...args));


const newArr = filterByCount(arr, count => count > 1, 'props1');

function deleteByCount(arr, filterFn, key) {
  let numDeleted = 0;

  arr.forEach(function(n, i, a) {
    a[i - numDeleted] = n;
    numDeleted += this(n);
  }, getFilterByCount(arr, filterFn, key));

  arr.length -= numDeleted;
}


deleteByCount(arr, count => count < 2, n => n.props1);

<button @click="onClick">click me</button>
<apexchart
  ref="chart"
  ...

methods: {
  onClick() {
    this.$refs.chart.zoomX(...);
  },
  ...

isFlipped[index] = !isFlipped[index]
setIsFlipped(isFlipped)

setIsFlipped(isFlipped.map((n, i) => i === index ? !n : n));

for(var i = 0; i < tabss.children.length;i++); {
        tabss.children[i].classList.add('active')
}

.spoiler__button path {
  transition: fill .7s ease-in-out;
+ fill: #ECECEC;
}

const createTreeFromNestedSets = arr => [...arr]
  .sort((a, b) => a.left - b.left)
  .reduce((acc, n) => {
    while (acc.at(-1).at(-1).right < n.left) {
      acc.pop();
    }

    if (acc.at(-1).at(-1).right > n.left) {
      acc.push(acc.at(-1).at(-1).children);
    }

    acc.at(-1).push({ ...n, children: [] });

    return acc;
  }, [ [ { left: -Infinity, right: Infinity, children: [] } ] ])
  [0][0].children;

const createTreeHTML = (arr, nodeTemplate) =>
  Array.isArray(arr) && arr.length
    ? `<ul>${arr.map(n => `
         <li>
           ${nodeTemplate(n)}
           ${createTreeHTML(n.children, nodeTemplate)}
         </li>`).join('')}
       </ul>`
    : '';

containerElement.insertAdjacentHTML('beforeend', createTreeHTML(
  createTreeFromNestedSets(data),
  item => `<input data-id="${item.id}" type="checkbox">${item.name}`
));

function getDates(startStr, endStr) {
  const startDate = new Date(startStr.split('.').reverse().join('-'));
  const endDate = new Date(endStr.split('.').reverse().join('-'));
  const dates = [];

  for (; startDate <= endDate; startDate.setDate(startDate.getDate() + 1)) {
    dates.push(startDate.toLocaleDateString('ru-RU', {
      year: 'numeric',
      month: '2-digit',
      day: '2-digit',
    }));
  }

  return dates;
}

Все делал как в инструкции

var chart = document.querySelector('.chart')

.then(function(response) {
  chart.updateSeries([{
    name: 'Sales',
    data: response.data
  }])
})

.then(response => {
  this.series = [
    {
      name: 'Sales',
      data: response.data,
    },
  ];
});