Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

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

Abierto
#1,016 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
55/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
typescript
Área
frontend, tooling

Línea de trabajo

Comienza por la implementación de on.editInspectorState e inspecciona cómo se selecciona el elemento de entrada actual para editar valores. Verifica la ruta de edición de objetos y arrays y, después, confirma que la edición multilínea admite una estructura JSON legible, mientras que la edición de valores primitivos sigue funcionando.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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

Lenguaje dominante
TypeScript
Estrellas
2.9k
Forks
289
Merge medio
2 d 3 h
PR fusionados (30 d)
19

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de vuejs/devtools

Todos los issues de vuejs/devtools

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.