html content located in variables is rendered in the components section
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 2.9k
- Forks
- 279
- PR merge metrics
- No merged PRs in 30d
Description
I use 7.6.4 version. In a situation where a variable contains a string with html markup, vue devtools renders this html in detailed information about the component
Example:
I have a news object that has a "content" field inside which is html wrapped in a string
(content field is highlighted in green)
This is how this field is displayed in vue devtools:
This is extremely inconvenient + the value from the "code" field is also missing. Also, I did not find a setting that would allow me to somehow switch the display of such lines : (
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the issue in Vue Devtools 7.6.4 with a component value containing HTML in its content field and inspect the Components section. Compare the displayed content and code fields with the source object; done means HTML-valued fields no longer render as markup and the code field remains visible.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- devtools
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100