Правильный способ установки значений на основе сервера в Vuex

Question

У меня есть некоторые серверные переменные, которые я хотел бы показать в хранилище Vuex.

Большая часть документации вращается вокруг всех значений, уже находящихся в store.js до того, как вы начнете.

Будет ли правильный путь передачи их в Vuex что-то вроде:

<script>
   const MODEL_ID = 1234567;
</script>
<script src="/js/app.bundle.js"></script>

А затем ссылка из app.bundle.js в моем store.js:

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

const store = new Vuex.Store({
  state: {
    modelId: MODEL_ID,
  }
});

IЯ знаю, что это сработает, но кажется, что это очень не элегантно.