devtools

Re-opening this issue from v6: https://github.com/vuejs/devtools-v6/issues/1094 Currently there's no way that I can see to fully inspect component data objects in the vue dev tools including their functions, "store as global variable" or "use in console" would be useful to this. I'm referring to state which has functions rather than component methods, although that might be useful too to invoke arbitrarily

Fixes #1100. As @skirtles-code pointed out in the issue, the state serializer treats any object with a method as a Vue component definition, so plain class instances stored in Pinia state (whose class happens to define a method) are shown as "Unknown component". A component definition keeps as an own property, whereas a class instance inherits it from the prototype, so this checks for an own property — real component definitions are still detected, and ordinary objects are left alone.