From fd7f188344177a9a906f1fc9770ec7399641610a Mon Sep 17 00:00:00 2001 From: Noley Holland Date: Wed, 21 Oct 2026 08:48:33 -0700 Subject: [PATCH 1/3] Add changelog for dashboard vue work --- .../2026/10/ui-template-code-editor.md | 32 ++++++++++++++++++ .../10/images/ui-template-code-editor.webm | Bin 0 -> 1887412 bytes 2 files changed, 32 insertions(+) create mode 100644 nuxt/content/changelog/2026/10/ui-template-code-editor.md create mode 100644 nuxt/public/changelog/2026/10/images/ui-template-code-editor.webm diff --git a/nuxt/content/changelog/2026/10/ui-template-code-editor.md b/nuxt/content/changelog/2026/10/ui-template-code-editor.md new file mode 100644 index 0000000000..1087b053d0 --- /dev/null +++ b/nuxt/content/changelog/2026/10/ui-template-code-editor.md @@ -0,0 +1,32 @@ +--- +title: Vue and Vuetify Editing for Templates +description: The FlowFuse Dashboard ui-template editor now understands Vue and Vuetify, making templates faster to write. +date: 2026-10-21 12:00:00 +release: "3.3" +authors: ["stephen-mclaughlin"] +tags: + - changelog +issues: + - https://github.com/FlowFuse/node-red-dashboard/pull/2290 + - https://github.com/FlowFuse/node-red-dashboard/pull/2291 +--- + +You can now write `ui-template` nodes with an editor that understands Vue and Vuetify. Start typing a component, a prop, or `this.` and the editor suggests what fits. + +Previously, the editor treated a template as plain HTML. You kept the Vuetify docs open in another tab to look up prop names and values, and a typo in your script only showed up once the dashboard failed to render. + +What's new: + +- **Vuetify completions.** Type `` and `