Performance

• 🚀️ Around 50% faster startup time, thanks to a new clone implementation based on fast-copy. Vuex recording & state loading also faster than 5.3.1.
• Vuex: dynamic debounce

Fixed

• Clone: handle DOM objects, fixes Illegal invocation error
• Vuex: overflowing mutation label, closes #1090
• Vuex: remove horizontal padding transition
• Vuex: use a special object key for modules, closes #1098
• Router: format redirect and alias in tree, closes #1027

Performance

🚀️ This release should be much faster for huge applications, especially with very large Vuex stores. In my tests on a real application with a gigantic store, the Vuex tab is 6 times faster to be up-to-date and responsive after a sequence of mutations than 5.3.0. Thanks Jumpstart for the help diagnosing performance issues.

• StateInspector: limit number of root fields
• Vuex: freeze getters & modules
• Vuex: batch mutation insert
• Vuex: optimize autoload
• Revert keep-alive to significantly reduce memory usage, also made Vuex tab draw faster to offset the cost of this revert
• Optimized time-slicing

Fixed

• Vuex: last inspected state should apply filters/grouping
• Vuex: fallback for store modules namespace map (#1095)
• Browser toolbar popup style (#1096)
• DataField: should not expand by default if too many values if custom

New

• Group vuex getters by modules (+ setting):

• Inspect a specific vuex module:

Type and use [Tab] and [Enter] to select a module even faster:

Fixed

• Vuex: wrap getters in custom store details too
• Loading animation: dark theme background
• Router tab tooltips
• Optimized scroll to inspected item

New

• Loading animation:

• Greyscale when disconnected:

• Error messages are displayed in the state inspectors for Error objects:

Improved

• Performance improvements when switching tabs
• Optimized scroll to inspected item in history panes
• Auto refresh if no components -- your application should now appear even if it takes time to mount

Fixed

• SharedData: master/slave init, closes #1028 -- fixes a range of issues related to some settings not being applied correctly, including 'Editable props'
• Vuex: automatically wrap getters in try...catch before serializing the store state
• Improved and more resilient handshake -- this means the devtools should successfully connect to the page more often; please post an issue if you see the devtools not connecting (unresponsive after a page refresh for example)
• Electron: intro overlay was below some elements
• Electron: wait a little bit on disconnect before showing intro

New

• Add option to show kebab-case component names (#911)
• (work-in-progress) high contrast theme
• Add Milliseconds Display Preference (#782)

Fixed

• style issue on Settings Tab, fix #972 (#973)
• Update Nuxt.js logo (#1004)
• use chrome.storage, fixes #979
• attribute in data inspector values are difficult to read in dark mode, fixes #985
• Cannot read property of undefined issue (#906)
• @vue/ui update
• shouldn't serialize VNodes, fixes #857

New

• vuex: legacy backend mode, fix #967, fix #930, fix #971, fix #872, fix #929
• settings: "new" tags

Fixed

• vuex: Refactor legacy VueX checking, closes #939 (#970)

Fixed

• vuex: null issue in VuexStateInspector
• vuex: re-clone in hook if state is replaced, closes #935

Fixed

• vuex: make sure flushStoreModules return array (#954)
• vuex: "_isBuffer" is not defined on the instance warning from Vue, closes #955
• vuex: cache edited state, closes #956
• responsive design tweaks
• data field): display all white spaces and carriage returns, closes #958

Improved

• vuex: reworked and improved recording/loading UX, closes #941, closes #952
• vuex: keep inspected mutation selected when receiving other unless it was the last one, closes #925
• vuex: special mutation style
• vuex: special state inspector section for dynamic module "mutations"
• perf: less vuex snapshot parsing on the devtools client
• perf: cache last vuex replay result

Fixed

• components: update inspected instance id on flush, fixing selected color glitches
• vuex: clone mutation payload instead of stringify, closes #953
• vuex: clone module state instead of stringify
• vuex: saved snapshots use clone instead of stringify
• vuex: initialState only on vuex init instead of doing it in backend hook, closes #950
• vuex: ensure dynamic module children state are cloned
• vuex: mutations replay: not properly temporarily removing modules for the replay