Михаил Костиков

1. Сделать все секции через блоки gutenberg. У них есть возможность визуально менять местами, удалять, добавлять в нужное место.
2. Можно через стили. Например так: на странице настроек добавить поле order и его добавлять каждому блоку в style="order: 2; "
а родительскому

.box {
          display: flex;
          flex-direction: row;
      }

Этот https://github.com/venomous/cloudscraper подключил пишет

Detected a Cloudflare version 2 challenge, This feature is not available in the opensource (free) version.

Я сделал так: меню Apple > «Системные настройки», нажмите «Клавиатура» , затем нажмите «Текст». Выбрать правописание - русский. И еще можно проверить галочку "автоматически проверять ошибки".
Только после этого все английские слова у меня подчеркиваются, как это поправить не придумал.

На стороне сервера this не доступен, нужно так же получать store из context как в asyncData

Так ? https://jsfiddle.net/yzq897bm/1/

Можно использовать css псевдо элемент

input:not(:placeholder-shown) {
  //ваши стили
}

но не поддерживается в edge

#open-block-2 .open-block-inner{
top: 100%;
height: 100%;
}
#open-block-2:target .open-block-inner{
top: 50%;
}

У меня было что вроде все ок, а не запускалось оказалось что в файле html нет тега body.

.register {
position: absolute;
right: 0;
}

Только с помощью флекс боксов у меня не получилось.