Павел Клешнин

В общем, вот рабочий вариант. Пару часов позабавлялся - и заработало.
Не будьте как я, не забывайте про версии БД и про keyPath

import vueStore from '../store';

export default function indexedDB(newState) {
  let indexedDB = window.indexedDB;
  let req = indexedDB.open('logBook', 1);
  req.onerror = e => console.error('error', e.target);
  req.onupgradeneeded = e => {
    console.log('reqOnUpgradeneeded');
    let db = e.target.result;

    if (!db.objectStoreNames.contains('logBookStore')) {
      let objectStore = db.createObjectStore('logBookStore');
      objectStore.createIndex('logs', 'logs', {unique: true})
    }
  };
  req.onsuccess = e => {
    let db = e.target.result;

    let transaction = db.transaction('logBookStore', 'readwrite');
    let store = transaction.objectStore('logBookStore');

    let logs = store.get('logs');

    logs.onsuccess = function() {
      let res = logs.result;
      console.log(res) //Выводит undefined, т.к. данных нет
      if (!res) {
        store.add([newState], 'logs'); //DataError: Data provided to an operation does not meet requirements.
        vueStore.dispatch('SAVE_LOGS_BOOK', [newState]);
      } else {
        store.put([...res, newState], 'logs');
        vueStore.dispatch('SAVE_LOGS_BOOK', [...res, newState]);
      }
    };
    logs.onerror = function(e) {
      console.log("Error", e.target.error.name);
    };

    transaction.oncomplete = () => console.log('transaction completed');
  }
}

Разобрался.
Блоку задать background-clip: content-box, и padding со стороны скроллбара - profit!!!

Нужно было лишь убрать max-width: 499; у тега main.