|
1 | | -## Component inspection |
2 | | - |
3 | | - |
4 | | - |
5 | | -- View component list, view/edit component data |
6 | | -- Displays an overlay on hover to quickly identify components while browsing |
7 | | -- Component data in console globals (component data is available as `$x0`, `$x1` and so on in the browser devtools console). |
8 | | -- New, [**Early Access feature**](https://alpinedevtools.com/pricing): jump to root element in Chrome inspector |
9 | | - |
10 | | -## Improved state synchronisation and performance |
11 | | - |
12 | | -In both **Free** and **Early Access** releases. |
13 | | - |
14 | | -No need to wait for updates, refresh or close/reopen devtools. |
15 | | - |
16 | | -- Performance improvement: tested on datasets with over 10,000 properties |
17 | | -- State synchronisation improvements: data changes on page reflected in devtools, page reload sets correct state |
18 | | - |
19 | | -## Store inspection |
20 | | - |
21 | | -New, [**Early Access feature**](https://alpinedevtools.com/pricing). |
22 | | - |
23 | | - |
24 | | - |
25 | | -- View stores list |
26 | | -- View/edit store data |
27 | | -- Access stores in the console via globals `$s0`, `$s1` ... |
28 | | - |
29 | | -## Data Attribute Pinning |
30 | | - |
31 | | -New, [**Early Access feature**](https://alpinedevtools.com/pricing). |
32 | | - |
33 | | - |
34 | | - |
35 | | -Both components and stores tab allow you to "pin"/"unpin" a data attribute. This is useful for components and stores with large data sets in order to "focus" a subset of the data. |
36 | | - |
37 | | -## Warnings |
38 | | - |
39 | | -[**Early Access feature**](https://alpinedevtools.com/pricing) |
40 | | - |
41 | | - |
42 | | - |
43 | | -- When Alpine encounters an invalid expression during evaluation it will throw and crash the component. |
44 | | -- This feature displays the errors in a formatted log. |
45 | | -- The originating element can be inspected in devtools by clicking on the element name on the right of the log line. |
| 1 | +Moved to [alpinedevtools.com/docs](https://alpinedevtools.com/docs/#/data-inspection) |
0 commit comments