I am writing a to-do list and I want to keep it simple. Its a PWA in Vue.

JS: I am using

• Vue router
• Vuex
• indexdb
• Vue
• Typescript

CSS: I am using

• scss no framework very targeted css
• mobile only targeted app

There is little more to say on that front, on the test side we have Jest and acceptance tests ran by puppeteer wrapped in Jest.

Should I use local storage? There is one limitation I want to do but cant if using this route, quickly create and throw away multiple lists and persist without serialisation. Why? It just seems easier and more efficient than messing around with storing a massive string, localStorage was not really designed for storing json, thats why indexdb exists, plus a table per list and a row per item and all that. Am I just going too far?