Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Feat: Add multiline support for editing objects and arrays in `on.editInspectorState`

Aperta
#1,016 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 2 giorni

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
55/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
typescript
Ambito
frontend, tooling

Direzione di ricerca

Inizia dall’implementazione di on.editInspectorState e analizza come viene selezionato l’elemento di input corrente per modificare i valori. Verifica il percorso di modifica di oggetti e array, quindi conferma che la modifica su più righe supporti una struttura JSON leggibile, mentre la modifica dei valori primitivi continui a funzionare.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Problem

Currently, editInspectorState uses an <input/> element for editing values. This works fine for primitives, but becomes difficult when editing objects or arrays.

Proposed solution:

Switch to a <textarea> (or similar multiline input) when the value being edited is an object or array. This would allow:

  • Better visibility of the JSON structure
  • Easier editing with proper line breaks and indentation
  • Reduced chance of syntax errors

Example

Tanstack Devtools already does this:

https://github.com/user-attachments/assets/9f96c5d1-6b07-42bc-aa6b-25740b90bed8

I'll happily open a PR to add this feature

Lingua principale
TypeScript
Stelle
2.9k
Fork
289
Merge medio
2g 48m
PR unite (30g)
19

Preparare l'ambiente

Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di vuejs/devtools

Tutte le issue di vuejs/devtools

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.