Антон Антон

Это можно сделать с помощью svg meshgradient, полноценный пример мне делать лень, но в двух словах - рисуем треугольниками, а в меше градиента совмещаем две точки, чтобы он тоже стал треугольником.
https://svgwg.org/svg-next/pservers.html#MeshGradi... но он не везде поддерживается, так что нужен полифилл https://codepen.io/FragsterAt/pen/LYKBmNR (взял из того, как Inkscape сохраняет)

Сделать все (включая карточки) на svg, линии делаются с помощью path и stroke-dasharray

Цикл for внутри async функции с await. Очень удобный сахар. Ну или через reduce, как делали до того, как async/await появился

Кажется, дело в отсутствии https://developer.mozilla.org/en-US/docs/Web/HTML/...

Не совсем так. Если бы main_title и main_desc были бы примитивными типами - всё бы работало как надо, но, судя по `main_title: {}`, это не совсем так. Более того, оно бы и не с ref также бы работало, только без вызова реактивных эффектов:
`let a = {k: 1}; let b = a; a.k = 2; console.log(b.k); \\ 2`

Для непримитивных типов нужно глубоко клонировать объект, есть много способов, некоторые описаны в https://developer.mozilla.org/en-US/docs/Glossary/... также есть в различных библиотеках типа lodash или jquery. Ну или самый тупой способ через `JSON.parse(JSON.stringify())`, но он часто медленнее и не всегда применим.

info.main.temp => info?.main?.temp
и так везде в шаблоне.
Ну и лучше v-if использовать вместо v-show, так как v-show не предотвращает рендеринг

minmax(290px, 435px)
https://codepen.io/FragsterAt/pen/OJeXZJN

Обычный импорт

Как правило при создании проекта этот файл присутствует рядом с app.js
Может быть если что-то отвечать не то про js на этапе создания - то его и не будет, но у меня он был всегда.

https://pinia.vuejs.org/core-concepts/#Destructuri...

https://habr.com/ru/articles/321924/

Сработало при оформлении комментария в /** **/:

/** @var \App\Models\User $user **/
    $user = Auth::user();