Александр Аксентьев

OPTIONS не содержит практически никакой логики на бекенде, разве что авторизацию проверить, чего у вас так от него бомбит? Итого выполняется <50ms, ну дальше уже от интернета зависит.
"Чинится" двумя заголовками и больше не беспокоит.
Весь бекенд уже давно понимает OPTIONS.

Сейчас хочется сделать "как положено", разделить мух (Yii) и котлеты (Vue).

И бомбить от корса, а всего лишь нужно было узнать что это работает только между разными доменами, так почему бы просто не поднять бекенд и фронт на одном домене?

https://ru.vuejs.org/v2/guide/forms.html

v-model

https://developer.mozilla.org/ru/docs/Web/HTML/Pre...

Наверно надо не делать дни массивами в вашем мега-коде который разбирать всем будет лень кроме вас

ну или учитывать что это массив при выводе и выводить первый элемент а не весь "массив". Но это костыль из-за говнокода изначального, а не решение начального косяка.

Или извращаться как-то так https://codeburst.io/dynamic-modules-with-vuex-and...

Или делать нормально с привязкой к какому-то ключу в компоненте, а то как вы сделали-то общий стейт с одним ключом на всех?

Вы сначала создайте что рендерить-то будете, а то какая-то каша из копипасты разных строк.

https://ssr.vuejs.org/guide/non-node.html

Nuxt это фронтенд и серверный рендеринг. (серверный рендеринг != бекенд)

Задачи бекенда он не выполняет и не сделан для этого.

Я поначалу думал сделать отдельно Express на другом порту,

так и работает, апи на отдельном домене/порту, nuxt сам по себе и обращается к апи. Апи может быть на чем угодно сделано, а не только на JS.

vuex вам нужен, а не пропсы.

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

Переменные сами уж разберите чтоб все работало как надо.
А так обычный removeEventListener, чтобы его удалить надо передать тот же колбек что и при addEventListener

let onscreen = {
    bind(el, options) {
        let className = options.value;
        let deleteClass = options.arg === "delete";

        window.addEventListener("scroll", this.action);
    },
    unbind() {
        window.removeEventListener("scroll", this.action);
    },
    action() {
        if (isVisible(el)) {
            if (deleteClass) {
                el.classList.remove(className)
            } else {
                el.classList.add(className)
            }
        } else {
            if (deleteClass) {
                el.classList.add(className)
            } else {
                el.classList.remove(className)
            }
        }
    }
};

никак, карты в фрейме со своими скриптами работают и про vue не в курсе вообще.

как-то так https://medium.com/js-dojo/3-code-splitting-patter...

Но в основном весь вес от зависимостей которые все равно нужны почти везде, и будут подгружаться в любом случае, только теми же кусками. Хотя это уже лучше чем один огромный файл.

Вообще для начала выяснить где именно основной кусок кода лежит.
Там может быть подключен какой-нибудь css фреймворк например и он весь css код в app.js запихивает до кучи.
Так что в первую очередь избавиться от этого, а там уже видно будет.

потому что первым аргументом в экшн приходит весь стейт/контекст вашего стора.

И надо в него коммитить мутации, а не то что у вас тут наворочено, вообще не так это работает.