Gimir

const App = () => {
	const [state, setState] = useState(0);

	// используем тогда, когда нужно установить значенее, которое не зависит от state
	setState(1);

	setState((prevState) => {
		return prevState + 1; 
		// мы могли б написать return state + 1, 
		// но тогда б мы не были б уверены, что там именно прошлый state (возможно, он еще не обновился)
	});
};

shet[i] = document.createElement = 'div'
Измените на 
shet[i] = document.createElement('div')

1. Для упрощения кода. Скажем, чтобы не писать каждый раз всю конструкцию аля

   axios.get(ENDPOINT + '/api/' + API_METHOD, {
     params: {
       id
     }
   })
   .catch
   ...

   
   Делается обёртка, условная функция getUser(id). В неё выносится вся логика по работе с запросом, определение маршрутов АПИ, обработка ошибки и так далее. Наружу торчит только одна функция и параметр.
   
2. При работе с TS это проще типизировать. Намного легче описать типы принимаемых параметров и возвращаемый тип для нескольких функций, чем описывать универсальную конструкцию для доступа к любым методам апи.
   
3. Ну и наконец: сервис можно вызывать прямо в компонентах. Вызывать методы АПи не обязательно внутри Vuex. Доже чаще это должно выполняться внутри отдельных компонентов, каждый из которых работает с одним-двумя апи, а не со всем набором.
   

<div id="container">
  <input v-for="input in inputs" v-model="input.value" :name="input.name" type="hidden" >
</div>

data: {
  inputs: [
    {
      name: 'k1', 
      value: ""
    }, 
    {
      name: 'k2', 
      value: ""
    }
  ]
}

Nuxt.js vs Custom SSR

как лучше делать SSR на Vue

Какие сложности могут возникнуть?

Из мира - надо сделать это - что бы работало так-то, вот дока, вот книги, вот мидл - будут вопросы - welcome.

делаю все как показано в примере в оф. репозитории

API: Container

Component that contains the draggable elements or components. Each of its children should be wrapped by Draggable component

<Container @drop="$emit('drop', row.id)" :get-child-payload="getChildPayload">
  <div class="row">