fl3nkey

Вот документация

const requireComponents = {};
const requireComponentContext = require.context('./', false, /\.vue$/i, 'lazy'); //lazy!
requireComponentContext.keys().forEach((fileName, index) => {
	//componentName может быть по названию файла, смотрите пример в документации.
	const componentName = `MySuperComponent-${index + 1}`;
	const componentConfig = requireComponentContext(fileName);
	requireComponents[componentName] = () => componentConfig;
});

//vue instance
export default {
	components: {
		...requireComponents
	}
}

<my-super-component-1></my-super-component-1>
<my-super-component-2></my-super-component-2>
...

Использовать position: fixed, clientX, clientY.
https://codepen.io/FL3NKEY/pen/oMvxzE

можно описывать переменные в JSON, а потом этот JSON подключать в JS файле.

Из вашего кода понятно, то что вы слушаете не тот эвент, слушайте 'change' и 'input'.
После того как сработал 'keydown', вы пытаетесь вытянуть значение из поля, которое ещё не успевает обновится, и тем самым, когда функция fninput срабатывает первый раз, поле ещё пустое.

Никогда не запрещайте скролл таким способом, которым вы пытаетесь (первым).
Используйте библиотеку scroll-lock для работы с нативным скроллом.
Так же прочитайте эту секцию, там описана проблема и решения со скроллом в iOS..

Почему у вас всё обёрнуто в тег form? Нажимая на кнопку (button) отправляется форма.
Предлагаю не оборачивать в тег form.
Но если по каким то причинам это все таки нужно, тогда нужно прописать кнопкам атрибут type="button".

Если это jQuery, $.post асинхронный метод, вы должны работать с ответом в каллбэке. документация.

$.post('https://...', { var1: "1", var2: my}, function(data) {
     console.log(data);
 });

Почему вы видите готовый объект, но во время вывода в консоль он был не готов? Статья на эту тему.

script.
  var data = !{JSON.stringify(data)}

Я думаю прежде чем задавать такие вопросы, лучше прочитать ту же документацию по jQuery или на край загуглить.

$('form button').click(function(){
    var $form = $(this).parents('form');
    var id = $form.attr('id');
});

Уберите margin у p тега, или делайте его в одну сторону.
https://jsfiddle.net/yqqmnwm0/4/

p {
  margin: 0 0 10px 0;
}

Вертикальный margin между элементами поглощают друг друга: