🏡 Chore

• Update devtools-next info [ci skip] (79116147)
• Change devtools panel name to legacy (df6ab6bb)
• Change devtools panel name to legacy (208a4da6)
• Release (dd2ab5d4)

❤️ Contributors

• Arlo webfansplz@gmail.com
• Evan You evan@vuejs.org

🩹 Fixes

• Reload only on page navigation event (f6b00623)

❤️ Contributors

• Guillaume Chau (@Akryum)

🩹 Fixes

• Refresh content on reconnect (52442fe6)
• Send missing components data asa they are registered, fix #2152 (#2152)

📖 Documentation

• Use dev:firefox script (963ff7fe)
• Use Algolia search API key (#2163)

🏡 Chore

• Add dev::firefox script (c3733635)
• Fix dev iframe reload (22483877)
• Update eslint (042c73ec)

❤️ Contributors

• Guillaume Chau (@Akryum)
• Clément Vannicatte (@shortcuts)

🚀 Enhancements

• Clear storage button (3fb20ca2)

🩹 Fixes

• Can't save state edit, fix #2140 (#2140)

🏡 Chore

• Fix firefox manifest version not updated (a4e4598b)
• Update firefox manifest version (b799e3db)

✅ Tests

• lint: Don't lint eof on auto edited json files (6f645b83)

❤️ Contributors

• Guillaume Chau (@Akryum)

Screenshot of the refreshed look

Highlights

• New UI
• Fully migrated the frontend to Vue 3
• Migrated the Chrome and Edge extensions to Manifest V3

🚀 Enhancements

• component: Add edit mode on native date object (#2086)
• component: Add support for better naming of /index.vue components (#1994)
• New navigation UX with sidebar (cf40e223)
• Layout settings (696780dd)
• timline: Improved scrollbar design (ad0d848f)
• New dark mode theme (37252d8b)
• Reorganize component settings (ef72cf5d)
• Toggle timeline recording (bf5db9ea)
• Separate firefox shell with manifest v2 (9ad80cce)
• vue3: Exclude directives from setup state (55abcc0f)
• Wait before displaying disconnected state (635fad8b)

🔥 Performance

• Throttle queue + subscribe simplification (88e40a78)

🩹 Fixes

• vue3: Prevent mixin leakage caused by inspection, fix #2037 (#2038, #2037)
• Add null checks for appRecord and appRecord.instanceMap, fix #1892 (#2122, #1892)
• vue3: Fix the declared camelCase event cannot be recognized (#2051)
• timeline: Reset layer status when selected layer is hidden in timeline (#2109)
• vue2: Remove throwing error on inspect missing vuex module (#2095)
• component: Always updated the inspected component even if the updated hook is not triggered. (#2065)
• component: Filtering components of third-party libraries to script(other) (#2082)
• vue2: Vuex: trim namespace for getter's path if it is not namespaced (#2096)
• vue3: Show the imported component setup state by using exposed in production (#2091)
• timeline: Incorrect unit for group duration (#1837, #2067)
• backend: Ensure currentAppRecord is defined when backend handli… (#2070)
• iframe: Add optional chaining on unsafe-type element (#2092)
• Mac hotkeys (#1907, #2115)
• electron: Chunk message data (#2053)
• Search inputs not shrinking (abf3b9cc)
• Only send data on update if it's current component (d0b5fea8)
• Popper arrow/border colors (aad8c155)
• Tab indicator not updated (5d423375)
• Timeline list tabs glitch (10899649)
• timeline: Separators alignment (29077dc1)
• Put more error logs behind debug info setting (db49152e)
• Arrows disappeared! :( (c32f7854)
• Handle layers is not array after restore (c996512c)
• Scrollable main nav (aa6ffe06)
• vue3: Cannot access 'setup' prop of null (d983fcc3)

💅 Refactors

• frontend: Migrate the frontend application from Vue.js 2 to 3 (#2119)
• Migrate to manifest v3 (#2136)
• Move ui out of components folder (3ca99adf)
• Eslint config, webpack update (02177686)

📖 Documentation

• Change variable name in getComponentName code snippet (#2121)
• Typo correction faq.md (#2068)

🤖 CI

• Fix release action (bc09ebf7)
• Fix broken CircleCI build job (#2093)

❤️ Contributors

• Guillaume Chau (@Akryum)
• NicDamours n.damours.00@gmail.com
• Prakhar Tiwari
• Deisling Eduard
• Gino0o0o
• Fan Pei (@Azurewarth0920)
• DO-ob94
• Domenico Tenace
• Ivan Nikolić (@niksy)
• KaevN
• Clay Levering (@claylevering)
• Jürg Lehni (@lehni)

🚀 Enhancements

• Support native type BigInt (#2052)

🩹 Fixes

• New tab style (6ad6ecfc)
• Cannot set visible of null (1b1d1d0c)
• vue3: Optimize the priority of calculating the displayed name of the component on the devtool (#2050)
• Disable screenshots by default (3444bdd8)

❤️ Contributors

• Guillaume Chau (@Akryum)
• Fan Pei (@Azurewarth0920)

Bug Fixes

• Better check if data name starts with use (fix: #1971) (#1997) (21fa91e)
• firefox: stop extension unloading, fix #1974 (#2000) (ab5623a)
• vue3: ensure 3rd party components directly imported in script setup do not show up as Anonymous Component in devtools (#2020) (7dbe206)
• vue3: inject value showing default over falsy value (#1976) (0c06c01)

Features

• apps: dim vue version (049abd8)
• dim expand arrows color (808861c)
• plugin: add source icon in custom inspector (3e0a9bf)
• reduced toolbars height to the header height (3fa04ed)
• remove plugin icon from header tabs (d5b4d60)
• remove vue logo from header to save space (43eb6b0)
• update Nuxt logo (#2014) (a75f415)
• vue3: inspect event listeners on components (01e7c21)

Performance Improvements

• hook: cleanupBuffer performance + auto-cleanup of old events (60aeed2), closes #1875

Bug Fixes

• electron: mark package as sideEffects free, fix #1961 (751edce)
• handle errors in encoder (b3a232e)

Features

• vue3: improved setup inspect (62d0aa7)
• vue3: inspector: skip composables (key starts with 'use') (812410f)
• vue3: inspector: skip composition APIs (f85bd25)

Bug Fixes

• check if page has title element (44620cc)

Bug Fixes

• hide "No root instance found for app" if debug mode isn't on (257d13b)
• hide plugin error unless debug is on (30cea9f)
• subTree is null (8dd0ef2)

Features

• hook: cleanupBuffer (f2ad51e)