Сергей Левченко

Вопрос задан как-то странно. Но на сколько понял, вижу такие варианты:
1) Маппинг dynamicFields - ищите в массиве нужный элемент и задаете ему необходимый label
2) Добавить новый prop в ServiceField - fullWidth (:full-width="field.fullWidth") и уже от него менять label
3) Повесить на ServiceField ref тем самым получив доступ к css классам и прочему

Можно! :) Не напрямую конечно.

const Test1 = () => import('@/components/test1.vue');

export default {
  name: 'MyComponent',
  components: {
    Test1
  },
  mounted () {
    Test1().then((m) => {
      // Компонент
      console.dir(m.default);
      // Его пропсы
      console.log(m.default.props);
    });
  }
}

Gitlab - альтернатива, но есть и другие, часть уже упомянули выше

А это весь код?

Если да, то все просто, вы нигде не вызываете метод - getData() - это раз.
Два - этот метод(getData() ) вообще не нужен, так как
...mapActions('api', ['getDataFromApi']), - уже добавил метод getDataFromApi

те в итоге вам в хуке created/mounted или в другом надо сделать вызов метода

methods: {
  ...mapActions('api', ['getDataFromApi']),
},
created() {
    this.getDataFromApi().then(res => {
      if(res.status === 200 && res.data) {
        this.form = res.data; // тут this.form должен изменится
      }
    })
},

ну и странно вы работаете с vuex в данном случае :)
видимо вам стоит начать с азов js, уже потом фреймворки...

"ru":{
    "seconds":"{count} секунд | {count} секунда | {count} секунд"
  }

так у вас тут описано только три кейса, а должно быть четыре:
return 0 | return 1 | return 2 | return 3
0 | 1,21,31... | 2-4, 22-24... | 5-20, 25-30...

"ru":{
    "seconds":"ноль секунд | одна секунда | {n} секунды | {n} секунд"
  }

CHANGE_LOCALSTORAGE: (state, products) => {
  localStorage.setItem("productsInCart", JSON.stringify(state.products)); // здесь скорее всего надо передавать просто products
},

SET_PRODUCTS_TO_LOCALSTORAGE({
  commit,
  products
}) {
  commit("CHANGE_LOCALSTORAGE", this.products); // здесь аналогично, просто products
  commit("ACTIVATE_CART");
},

v-if="PRODUCTS.length"  -> v-if="PRODUCTS && PRODUCTS.length"

для начала так

Возможно :)

"// так оба экземпляра один стор юзают", потому что тут - modules: { thisStore } - передается ссылка на модуль/объект(а не новый/другой модуль/объект)

вы ссылаетесь на thisStore(он у вас один) во всех инстансах

Асинхронность!!!

Штатными средствами Vue - никак. Для внешних ссылок надо использовать <a href="/link">external link</a> либо свой самописный компонент.

<router-link> - осуществляет навигацию только в рамках приложения.

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

https://github.com/vuejs/vue-router/issues/1280

Читайте документацию, там все есть. По идее вот так:
host: "opencardcms.loc",
open: "external",

Вы не все теги указали, и отвечающие вам видимо не знают / либо плохо знают php.
В целом они дали вам ответ наполовину верный.

Ассоциативных массивов в js нет, есть объект. Массивы и объекты в js и php - разные вещи.

Чтобы объект js перевести в ассоциативный массив php, необходимо этот объект загнать в json строку, а в php декодировать json.

В js коде нужно сделать как вам уже ранее ответили + загнать объект в json:
const json = JSON.stringify(options);

Отсылаете json на бекенд, а там примерно так:

$json = file_get_contents('php://input');
$options = json_decode($json, true);