From 3171658ea15f946aea4383b5087cab3bc2e05e94 Mon Sep 17 00:00:00 2001
From: addshore <git@addshore.com>
Date: Fri, 25 Sep 2026 22:55:22 +0100
Subject: [PATCH 1/2] fix: use portable host for development HMR

---
 vue.config.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/vue.config.js b/vue.config.js
index 8d27d368..50fefb81 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,6 +1,9 @@
 const path = require('path')
 module.exports = {
     devServer: {
+        client: {
+            webSocketURL: 'auto://0.0.0.0:0/ws'
+        },
         proxy: {
             '^/api': {
                 target: process.env.VUE_APP_API_URL,

From 9958b93de81f1490fe76b775cc9766d6d165cd7a Mon Sep 17 00:00:00 2001
From: Ollie Hyde <oliver.hyde@wikimedia.de>
Date: Sun, 27 Sep 2026 22:56:03 +0100
Subject: [PATCH 2/2] Add comment to explain the
 `devServer.client.websocketURL` setting

---
 vue.config.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/vue.config.js b/vue.config.js
index 50fefb81..eacfeccf 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -2,6 +2,8 @@ const path = require('path')
 module.exports = {
     devServer: {
         client: {
+            // Derive the HMR WebSocket protocol, host and port from the browser, so that it works
+            // from both `localhost` and the Docker Compose `ui` host (e.g. selenium e2e tests).
             webSocketURL: 'auto://0.0.0.0:0/ws'
         },
         proxy: {