Fixed devtools display and websocket communication (#381)

final-hill · Oct 3, 2024 · f9f4577 · f9f4577
1 parent b3c1324
commit f9f4577
Show file tree

Hide file tree

Showing 4 changed files with 134 additions and 2,651 deletions.
diff --git a/.devcontainer/compose.extend.yml b/.devcontainer/compose.extend.yml
@@ -29,6 +29,7 @@ services:
     ports:
       - 3000:3000
       - 443:3000
+      - 24678:24678
     networks:
       - app-network
     # puts the Dev Container on the same network as the database, so that it can access it on localhost

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -46,10 +46,13 @@ export default defineNuxtConfig({
     // https://primeflex.org/
     // https://sidebase.io/nuxt-auth/getting-started
     modules: [
+        // The latest version (^1.5.0) is needed due to https://github.com/nuxt/devtools/issues/723
+        // It looks like this won't be integrated into Nuxt until after 3.14.0
+        '@nuxt/devtools',
         "nuxt-primevue",
         "@vite-pwa/nuxt",
-        "nuxt-security",
-        "@sidebase/nuxt-auth"
+        "@sidebase/nuxt-auth",
+        "nuxt-security"
     ],
     runtimeConfig: {
         // The private keys which are only available within server-side
@@ -154,5 +157,12 @@ export default defineNuxtConfig({
     typescript: {
         typeCheck: true
     },
-    vite: {}
+    vite: {
+        server: {
+            hmr: {
+                protocol: 'wss',
+                host: '0.0.0.0'
+            }
+        }
+    }
 })