fix(client):improve getter #230
Conversation
✅ Deploy Preview for vue-devtools-docs ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
|
Can we find a better way to handle it? e.g. mark pinia getters as not editable. /cc @alexzhang1030 |
| @@ -118,7 +119,7 @@ function quickEditNum(v: number | string, offset: 1 | -1) { | |||
| </template> | |||
| </template> | |||
| <!-- delete prop, only appear if depth > 0 --> | |||
| <VueButton v-if="!props.disableEdit && depth > 0" v-bind="iconButtonProps" :class="buttonClass" @click.stop="quickEdit(rawValue, true)"> | |||
| <VueButton v-if="!props.disableEdit && depth > 0 && props.rootId !== 'getters'" v-bind="iconButtonProps" :class="buttonClass" @click.stop="quickEdit(rawValue, true)"> | |||
There was a problem hiding this comment.
rootId: 'getters' is not exclusively used by Pinia.
You can approach like passing { disableEdit: true } from props in Pinia's getter field.
There was a problem hiding this comment.
I have improved the code and thank you very much for your help. If you could help me check again, I would greatly appreciate it
@Azurewarth0920
There was a problem hiding this comment.
@konata33
I think you can pass the disable-edit to component InspectorState (https://github.com/vuejs/devtools-next/blob/main/packages/client/src/pages/pinia.vue#L77) in getter field.
|
|
I think we can merge it for a temporary fix. For some reason, In the future, we will rewrite state editor protocol to be fully compatible with devtools-old. |
There should be no delete icon in the getters function
Before:
After
