Merge branch '1253-group-page-and-probably-others-do-not-work-in-docker-production' into 'master'

Fix frontend components imports

Closes #1253

See merge request !1782

CHANGELOG.rst

@@ -16,6 +16,7 @@ Fixed
 * Recurrence information for calendar events weren't removed on deletion.
 * Full day events didn't work in calendar.
 * [Dev] AddressInputType missed country field.
+* Detail pages, e.g. for groups, did not work anymore.
 
 `4.0`_ - 2025-03-29
 -------------------

aleksis/core/frontend/plugins/aleksis.js

@@ -56,36 +56,42 @@ AleksisVue.install = function (Vue) {
   Vue.$registerGlobalComponents = function () {
     const globalComponents = {
       // General stuff
-      AvatarClickbox: "../components/generic/AvatarClickbox.vue",
-      CalendarWithControls: "../components/calendar/CalendarWithControls.vue",
-      ErrorPage: "../components/app/ErrorPage.vue",
-      MessageBox: "../components/generic/MessageBox.vue",
-      SmallContainer: "../components/generic/SmallContainer.vue",
+      AvatarClickbox: import("../components/generic/AvatarClickbox.vue"),
+      CalendarWithControls: import(
+        "../components/calendar/CalendarWithControls.vue"
+      ),
+      ErrorPage: import("../components/app/ErrorPage.vue"),
+      MessageBox: import("../components/generic/MessageBox.vue"),
+      SmallContainer: import("../components/generic/SmallContainer.vue"),
 
       // Layout
-      DetailView: "../components/generic/DetailView.vue",
-      ListView: "../components/generic/ListView.vue",
+      DetailView: import("../components/generic/DetailView.vue"),
+      ListView: import("../components/generic/ListView.vue"),
 
       // Buttons:
-      BackButton: "../components/generic/BackButton.vue",
-      ButtonMenu: "../components/generic/ButtonMenu.vue",
-      CancelButton: "../components/generic/buttons/CancelButton.vue",
-      CreateButton: "../components/generic/buttons/CreateButton.vue",
-      DeleteButton: "../components/generic/buttons/DeleteButton.vue",
-      DialogCloseButton: "../components/generic/buttons/DialogCloseButton.vue",
-      EditButton: "../components/generic/buttons/EditButton.vue",
-      FabButton: "../components/generic/buttons/FabButton.vue",
-      FilterButton: "../components/generic/buttons/FilterButton.vue",
-      IconButton: "../components/generic/buttons/IconButton.vue",
-      PrimaryActionButton:
-        "../components/generic/buttons/PrimaryActionButton.vue",
-      SaveButton: "../components/generic/buttons/SaveButton.vue",
-      SecondaryActionButton:
-        "../components/generic/buttons/SecondaryActionButton.vue",
+      BackButton: import("../components/generic/BackButton.vue"),
+      ButtonMenu: import("../components/generic/ButtonMenu.vue"),
+      CancelButton: import("../components/generic/buttons/CancelButton.vue"),
+      CreateButton: import("../components/generic/buttons/CreateButton.vue"),
+      DeleteButton: import("../components/generic/buttons/DeleteButton.vue"),
+      DialogCloseButton: import(
+        "../components/generic/buttons/DialogCloseButton.vue"
+      ),
+      EditButton: import("../components/generic/buttons/EditButton.vue"),
+      FabButton: import("../components/generic/buttons/FabButton.vue"),
+      FilterButton: import("../components/generic/buttons/FilterButton.vue"),
+      IconButton: import("../components/generic/buttons/IconButton.vue"),
+      PrimaryActionButton: import(
+        "../components/generic/buttons/PrimaryActionButton.vue"
+      ),
+      SaveButton: import("../components/generic/buttons/SaveButton.vue"),
+      SecondaryActionButton: import(
+        "../components/generic/buttons/SecondaryActionButton.vue"
+      ),
     };
 
-    for (let [name, path] of Object.entries(globalComponents)) {
-      Vue.component(name, () => import(path));
+    for (let [name, module] of Object.entries(globalComponents)) {
+      Vue.component(name, () => module);
     }
   };