Better display of global translations

fluent-vue · Demivan · Feb 14, 2025 · Feb 12, 2025 · Feb 12, 2025 · Feb 12, 2025
commit 332aa1e21836d9232eb32d8c1b823615075d26a5
diff --git a/src/devtools/plugin.ts b/src/devtools/plugin.ts
@@ -204,19 +204,25 @@ export function registerFluentVueDevtools(app: App, options: ResolvedOptions, fl
          {
            id: 'global',
            label: `Global translations`,
-            children: cleanBundles.value.map(bundle => ({
-              id: bundle.locales.join(','),
-              label: bundle.locales.join(','),
-              children: [...bundle._messages.entries()].map(([_, message]) => ({
-                id: message.id,
-                label: `${message.id}: ${message.value ? bundle.formatPattern(message.value, {}, []) : ''}`,
-              })),
-            })),
          },
        ]
      }
    })

+    api.on.getInspectorState((payload) => {
+      if (payload.inspectorId === 'fluent-vue-inspector') {
+        if (payload.nodeId === 'global') {
+          payload.state = {}
+          for (const bundle of cleanBundles.value) {
+            payload.state[bundle.locales.join(',')] = [...bundle._messages.entries()].map(([_, message]) => ({
+              key: message.id,
+              value: message.value ? bundle.formatPattern(message.value, {}, []) : '',
+            }))
+          }
+        }
+      }
+    })
+
    function handleSettingsChange(settings: {
      pseudoEnable: boolean
      pseudoType: string