vuejs / devtools

⚙️ Browser devtools extension for debugging Vue.js applications.
https://devtools.vuejs.org/
MIT License
1.7k stars 122 forks source link

feat(client): show full text on hover for component state field viewer #630

Closed xuzuodong closed 1 month ago

xuzuodong commented 1 month ago

This PR slightly improves UX for string value inspect.

Currently sometimes when text is too long and may contains multiple line, it's a bit inconvenient to inspect the whole value.

This PR adds title attribute to solve this.

https://github.com/user-attachments/assets/906abbd5-5b67-401b-9748-ba42fbc67815

netlify[bot] commented 1 month ago

Deploy Preview for vue-devtools-docs canceled.

Name Link
Latest commit bd4417801e15507e709d0da678e4329737be9a97
Latest deploy log https://app.netlify.com/sites/vue-devtools-docs/deploys/670a2854a663520008d5d1f3
pkg-pr-new[bot] commented 1 month ago

Open in Stackblitz

@vue/devtools-applet

``` pnpm add https://pkg.pr.new/@vue/devtools-applet@630 ```

@vue/devtools-core

``` pnpm add https://pkg.pr.new/@vue/devtools-core@630 ```

@vue/devtools

``` pnpm add https://pkg.pr.new/@vue/devtools@630 ```

@vue/devtools-api

``` pnpm add https://pkg.pr.new/@vue/devtools-api@630 ```

@vue/devtools-kit

``` pnpm add https://pkg.pr.new/@vue/devtools-kit@630 ```

vite-plugin-vue-devtools

``` pnpm add https://pkg.pr.new/vite-plugin-vue-devtools@630 ```

commit: bd44178