Это точно правильно? Причина инкапсуляции данных в отдельном объекте ради

Question

Это точно правильно? Причина инкапсуляции данных в отдельном объекте ради

разделения работы с данными и работы со страницей. Пример, как пока что реализовано:

let keywords = {
keysArr: [],

add(value) {
this.keysArr.push(value);
let event = new CustomEvent('keyword-added', {
detail: { value }
});
document.dispatchEvent(event);
}
};

document.addEventListener('keyword-added', (event) => {
// Создать элемент на странице для event.detail.value
});

keywords.add('hello');

У меня скрипт дошел до состояния, когда становится сложно работать без ООП. Сегодня прочитал как создавать такие объекты и как создавать события. Но я не имею опыта и не уверен, что это правильный подход