feat(custom inspector): tag tooltip

Akryum · Akryum · commit 03b41ac52dd0 · 2021-05-21T18:05:48.000+02:00
diff --git a/docs/plugin/api-reference.md b/docs/plugin/api-reference.md
@@ -276,6 +276,7 @@ Each node can have those properties:
   - `label`: text displayed in the tag
   - `textColor`: text color, for example: `0x000000` for black
   - `backgroundColor`: background color, for example: `0xffffff` for white
+  - `tooltip` (optional): HTML for a tooltip over the tag
 
 Example:
 
diff --git a/packages/app-frontend/src/features/inspector/custom/CustomInspectorNode.vue b/packages/app-frontend/src/features/inspector/custom/CustomInspectorNode.vue
@@ -114,6 +114,10 @@ export default defineComponent({
       <span
         v-for="(tag, index) of node.tags"
         :key="index"
+        v-tooltip="{
+          content: tag.tooltip,
+          html: true
+        }"
         :style="{
           color: `#${tag.textColor.toString(16).padStart(6, '0')}`,
           backgroundColor: `#${tag.backgroundColor.toString(16).padStart(6, '0')}`,
